diff --git a/apps/landing/src/app/NavBar/MobileDropdown.tsx b/apps/landing/src/app/NavBar/MobileDropdown.tsx
index 22d86d0db..0931d5c3c 100644
--- a/apps/landing/src/app/NavBar/MobileDropdown.tsx
+++ b/apps/landing/src/app/NavBar/MobileDropdown.tsx
@@ -21,13 +21,13 @@ export function MobileDropdown() {
 			button={
 				<Button
 					aria-label="mobile-menu"
-					className="ml-[140px] hover:!bg-transparent"
+					className="hover:!bg-transparent"
 					size="icon"
 				>
 					<DotsThreeVertical weight="bold" className="h-6 w-6 " />
 				</Button>
 			}
-			className="right-4 top-2 block h-6 w-44 text-white lg:hidden"
+			className="right-4 top-2 block text-white lg:hidden"
 			itemsClassName="!rounded-2xl shadow-2xl shadow-black p-2 !bg-gray-850 mt-2 !border-gray-500 text-[15px]"
 		>
 			<Dropdown.Section>
diff --git a/packages/ui/src/Dropdown.tsx b/packages/ui/src/Dropdown.tsx
index f20cbd12d..97337dbe1 100644
--- a/packages/ui/src/Dropdown.tsx
+++ b/packages/ui/src/Dropdown.tsx
@@ -95,8 +95,8 @@ export interface DropdownRootProps {
 export const Root = (props: PropsWithChildren<DropdownRootProps>) => {
 	return (
 		<div className={props.className}>
-			<Menu as="div" className={clsx('relative flex w-full text-left')}>
-				<Menu.Button role="button" as="div" className="flex-1 outline-none">
+			<Menu as="div" className={clsx('relative flex w-full justify-end text-left')}>
+				<Menu.Button role="button" as="div" className="outline-none">
 					{props.button}
 				</Menu.Button>
 				<Transition