diff --git a/components/common/UserNav/DropdownMenu.module.css b/components/common/UserNav/DropdownMenu.module.css
index f81b920ef..404726bc5 100644
--- a/components/common/UserNav/DropdownMenu.module.css
+++ b/components/common/UserNav/DropdownMenu.module.css
@@ -1,8 +1,8 @@
 .dropdownMenu {
-  @apply fixed right-0 mt-7 origin-top-right outline-none bg-primary z-40 w-full h-full;
+  @apply fixed right-0 mt-2 origin-top-right outline-none bg-primary z-40 w-full h-full;
 
   @screen lg {
-    @apply absolute border border-accents-1 shadow-lg w-56 h-auto;
+    @apply absolute top-10 border border-accents-1 shadow-lg w-56 h-auto;
   }
 }
 
diff --git a/pages/wishlist.tsx b/pages/wishlist.tsx
index 32e116515..40f18692f 100644
--- a/pages/wishlist.tsx
+++ b/pages/wishlist.tsx
@@ -23,7 +23,7 @@ export default function Wishlist() {
   const { data, isEmpty } = useWishlist({ includeProducts: true })
 
   return (
-    <div className="mt-3 mb-20 px-3">
+    <div className="mt-3 mb-20 px-6">
       <Text variant="pageHeading">My Wishlist</Text>
       <div className="group flex flex-col">
         {isEmpty ? (