From b3d241ba7f4afbf9f0a6eec6922eb0c5dc4780e1 Mon Sep 17 00:00:00 2001
From: barnabasmolnar <barnabas@excalidraw.com>
Date: Tue, 25 Jul 2023 15:48:37 +0200
Subject: [PATCH] button => Button in dropdown

---
 src/components/dropdownMenu/DropdownMenu.scss    | 1 +
 src/components/dropdownMenu/DropdownMenuItem.tsx | 7 ++++---
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/dropdownMenu/DropdownMenu.scss b/src/components/dropdownMenu/DropdownMenu.scss
index df17bf9dd..39e6fab4b 100644
--- a/src/components/dropdownMenu/DropdownMenu.scss
+++ b/src/components/dropdownMenu/DropdownMenu.scss
@@ -61,6 +61,7 @@
       box-sizing: border-box;
       font-weight: normal;
       font-family: inherit;
+      justify-content: start;
     }
 
     .dropdown-menu-item {
diff --git a/src/components/dropdownMenu/DropdownMenuItem.tsx b/src/components/dropdownMenu/DropdownMenuItem.tsx
index ded910f4e..854bc314a 100644
--- a/src/components/dropdownMenu/DropdownMenuItem.tsx
+++ b/src/components/dropdownMenu/DropdownMenuItem.tsx
@@ -1,3 +1,4 @@
+import { Button } from "../Button";
 import {
   getDropdownMenuItemClassName,
   useHandleDropdownMenuItemClick,
@@ -24,17 +25,17 @@ const DropdownMenuItem = ({
 
   return (
     <DropdownMenuPrimitive.Item className="radix-menu-item">
-      <button
+      <Button
         {...rest}
         onClick={handleClick}
-        type="button"
+        onSelect={() => {}}
         className={getDropdownMenuItemClassName(className)}
         title={rest.title ?? rest["aria-label"]}
       >
         <MenuItemContent icon={icon} shortcut={shortcut}>
           {children}
         </MenuItemContent>
-      </button>
+      </Button>
     </DropdownMenuPrimitive.Item>
   );
 };