diff --git a/packages/editor/dist/es/toolbar/components/dropdown.js b/packages/editor/dist/es/toolbar/components/dropdown.js
index 04dcf9706..fee2d2bcc 100644
--- a/packages/editor/dist/es/toolbar/components/dropdown.js
+++ b/packages/editor/dist/es/toolbar/components/dropdown.js
@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useRef, useState } from "react";
-import { Button, Text } from "rebass";
+import { Text } from "rebass";
 import { Icon } from "./icon";
 import { Icons } from "../icons";
 import { useIsMobile, useToolbarLocation } from "../stores/toolbar-store";
 import { MenuPresenter } from "../../components/menu";
 import { getToolbarElement } from "../utils/dom";
+import { Button } from "../../components/button";
 export function Dropdown(props) {
     const { items, selectedItem, buttonRef, menuWidth } = props;
     const internalRef = useRef();
diff --git a/packages/editor/src/toolbar/components/dropdown.tsx b/packages/editor/src/toolbar/components/dropdown.tsx
index fac25e8d2..cdd4e2482 100644
--- a/packages/editor/src/toolbar/components/dropdown.tsx
+++ b/packages/editor/src/toolbar/components/dropdown.tsx
@@ -1,5 +1,5 @@
 import { useRef, useState } from "react";
-import { Button, Flex, Text } from "rebass";
+import { Flex, Text } from "rebass";
 import { Icon } from "./icon";
 import { Icons } from "../icons";
 // import { MenuPresenter, MenuPresenterProps } from "../../components/menu/menu";
@@ -7,6 +7,7 @@ import { MenuItem } from "../../components/menu/types";
 import { useIsMobile, useToolbarLocation } from "../stores/toolbar-store";
 import { MenuPresenter } from "../../components/menu";
 import { getToolbarElement } from "../utils/dom";
+import { Button } from "../../components/button";
 
 type DropdownProps = {
   selectedItem: string | JSX.Element;