diff --git a/src/components/FloatingNavbar.tsx b/src/components/FloatingNavbar.tsx
index eee4a1f..53b65fb 100644
--- a/src/components/FloatingNavbar.tsx
+++ b/src/components/FloatingNavbar.tsx
@@ -43,7 +43,7 @@ export default function FloatingNavbar({ onNavigate }: Props) {
         </DropdownMenuTrigger>
 
         <DropdownMenuContent
-          className="xl:hidden mt-2 py-2 w-72 space-y-1 rounded-3xl 
+          className="xl:hidden mt-2 py-2 w-72 space-y-1 rounded-[22px] 
           border border-[#3A3745] shadow-lg backdrop-blur-sm transition-colors
           bg-[#e8e9ff] text-gray-700 
           dark:bg-black dark:text-white dark:border-[#3A3745]"
@@ -53,7 +53,7 @@ export default function FloatingNavbar({ onNavigate }: Props) {
             <Link
               href={pathname === "/upload" ? "/" : "/upload"}
               onClick={() => onNavigate()}
-              className="flex w-full items-center gap-3 rounded-lg px-3 py-1 hover:bg-[#1A1823] transition"
+              className="flex w-full items-center gap-3 rounded-md px-3 py-1 hover:bg-[#1A1823] transition"
             >
               <UploadIcon className="h-4 w-4" />
               <span className="text-sm font-medium">
@@ -62,18 +62,20 @@ export default function FloatingNavbar({ onNavigate }: Props) {
             </Link>
           </DropdownMenuItem>
 
-          <DropdownMenuItem asChild onSelect={(e) => e.preventDefault()}>
-            <div className="flex w-full items-center gap-3 rounded-lg px-3 py-1 hover:bg-[#1A1823] transition">
-              <PinnedModal/>
-            </div>
-          </DropdownMenuItem>
+          <DropdownMenuItem
+  onSelect={(e) => e.preventDefault()}
+  className="mx-1 my-1 hover:bg-[#1F2A3D]"
+>
+  <PinnedModal />
+</DropdownMenuItem>
 
-          <DropdownMenuItem asChild onSelect={(e) => e.preventDefault()}>
-            <div className="flex w-full items-center gap-3 rounded-lg px-3 py-1 hover:bg-[#1A1823] transition">
-              <RequestModal/>
-            </div>
-          </DropdownMenuItem>
-          <div className="flex w-full items-center gap-3 rounded-lg px-3 py-1">
+          <DropdownMenuItem
+  onSelect={(e) => e.preventDefault()}
+  className="mx-1 my-1 hover:bg-[#1F2A3D]"
+>
+  <RequestModal />
+</DropdownMenuItem>
+          <div className="flex h-full w-full items-center gap-3 rounded-md">
             <div className="border rounded-full">
               <ModeToggle />
             </div>
diff --git a/src/components/ui/PinnedModal.tsx b/src/components/ui/PinnedModal.tsx
index b977941..97489a3 100644
--- a/src/components/ui/PinnedModal.tsx
+++ b/src/components/ui/PinnedModal.tsx
@@ -55,7 +55,7 @@ const SortableItem = ({
       ref={setNodeRef}
       style={style}
       {...attributes}
-      className={`mb-2 flex items-center justify-between rounded-md border border-[#3A3745] px-4 py-2 pl-2 shadow-sm ${
+      className={`mb-2 flex items-center justify-between rounded-2xl border border-[#3A3745] px-2 py-1 pl-2 shadow-sm ${
         isDragging ? "scale-[1.02] cursor-grabbing opacity-90" : "cursor-grab"
       }`}
     >
@@ -180,7 +180,7 @@ const PinnedModal = ({
       }}
     >
       {page === "Navbar" ? (
-        <DialogTrigger className="flex h-full w-full flex-row items-center gap-2">
+        <DialogTrigger className="flex h-full w-full flex-row items-center gap-2 rounded-xl px-2 py-2 hover:bg-[#1A2333] transition-all duration-200">
           <Pin size={16} />
           {triggerName}
         </DialogTrigger>
@@ -206,7 +206,7 @@ const PinnedModal = ({
               </div>
             </div>
             <div className="mt-4">
-              <div className="h-64 w-full overflow-y-auto rounded-md border border-[#3A3745] p-2">
+              <div className="h-64 w-full overflow-y-auto rounded-sm border border-[#3A3745] p-2">
                 {displayPapers.length > 0 ? (
                   <DndContext
                     sensors={sensors}
diff --git a/src/components/ui/dropdown-menu.tsx b/src/components/ui/dropdown-menu.tsx
index 84856cd..b621243 100644
--- a/src/components/ui/dropdown-menu.tsx
+++ b/src/components/ui/dropdown-menu.tsx
@@ -87,10 +87,10 @@ const DropdownMenuItem = React.forwardRef<
   <DropdownMenuPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
-      inset && "pl-8",
-      className,
-    )}
+  "relative flex cursor-default select-none items-center gap-2 rounded-xl px-2 py-1.5 text-sm outline-none transition-colors hover:bg-[#1F2A3D] focus:bg-[#1F2A3D] text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+  inset && "pl-8",
+  className,
+)}
     {...props}
   />
 ));