diff --git a/packages/core/src/components/Graph.tsx b/packages/core/src/components/Graph.tsx
index 23725531..9100ef88 100644
--- a/packages/core/src/components/Graph.tsx
+++ b/packages/core/src/components/Graph.tsx
@@ -113,6 +113,7 @@ const XFlowGraph = (props: GraphOptions) => {
         graph.options.mousewheel = {
           ...Options.defaults.mousewheel,
           ...zoomOptions,
+          enabled: true,
         };
       } else {
         graph.disableMouseWheel();
diff --git a/packages/core/src/styles/index.less b/packages/core/src/styles/index.less
index a2d290df..e2accc95 100644
--- a/packages/core/src/styles/index.less
+++ b/packages/core/src/styles/index.less
@@ -60,6 +60,10 @@
     user-select: none;
     touch-action: manipulation;
     cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: rgb(0, 0, 0);
 
     &:disabled {
       background-color: rgba(0, 0, 0, 0.04);