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>
   );
 };