diff --git a/src/components/dropdownMenu/DropdownMenu.scss b/src/components/dropdownMenu/DropdownMenu.scss
index 39e6fab4b..24583bd27 100644
--- a/src/components/dropdownMenu/DropdownMenu.scss
+++ b/src/components/dropdownMenu/DropdownMenu.scss
@@ -61,7 +61,7 @@
       box-sizing: border-box;
       font-weight: normal;
       font-family: inherit;
-      justify-content: start;
+      justify-content: flex-start;
     }
 
     .dropdown-menu-item {
diff --git a/src/components/dropdownMenu/DropdownMenuSubItem.tsx b/src/components/dropdownMenu/DropdownMenuSubItem.tsx
index 2395d92ea..f67395a25 100644
--- a/src/components/dropdownMenu/DropdownMenuSubItem.tsx
+++ b/src/components/dropdownMenu/DropdownMenuSubItem.tsx
@@ -1,3 +1,4 @@
+import { Button } from "../Button";
 import MenuItemContent from "./DropdownMenuItemContent";
 import {
   getDropdownMenuItemClassName,
@@ -24,9 +25,10 @@ const DropdownMenuSubItem = ({
 
   return (
     <DropdownMenuPrimitive.Item className="radix-menu-item">
-      <button
+      <Button
         {...rest}
         onClick={handleClick}
+        onSelect={() => {}}
         type="button"
         className={getDropdownMenuItemClassName(className)}
         title={rest.title ?? rest["aria-label"]}
@@ -34,7 +36,7 @@ const DropdownMenuSubItem = ({
         <MenuItemContent icon={icon} shortcut={shortcut}>
           {children}
         </MenuItemContent>
-      </button>
+      </Button>
     </DropdownMenuPrimitive.Item>
   );
 };