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 a341965..e395d08 100644
--- a/src/components/ui/PinnedModal.tsx
+++ b/src/components/ui/PinnedModal.tsx
@@ -63,7 +63,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"
       }`}
     >
@@ -188,7 +188,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>
@@ -214,7 +214,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/RequestModal.tsx b/src/components/ui/RequestModal.tsx
index c2dfa92..7db9911 100644
--- a/src/components/ui/RequestModal.tsx
+++ b/src/components/ui/RequestModal.tsx
@@ -143,7 +143,7 @@ const RequestModal = ({section = "navbar"} : {section? : string}) => {
                     value={searchText}
                     onChange={(e) => setSearchText(e.target.value)}
                     placeholder="Search by subject..."
-                    className={`text-md rounded-lg bg-[#B2B8FF] px-4 py-6 pr-10 font-play tracking-wider text-black shadow-sm ring-0 placeholder:text-black focus:outline-none focus:ring-0 dark:bg-[#7480FF66] dark:text-white placeholder:dark:text-white ${suggestions.length > 0 ? "rounded-b-none" : ""}`}
+                    className={`text-md rounded-2xl bg-[#B2B8FF] px-4 py-6 pr-10 font-play tracking-wider text-black shadow-sm ring-0 placeholder:text-black focus:outline-none focus:ring-0 dark:bg-[#7480FF66] dark:text-white placeholder:dark:text-white ${suggestions.length > 0 ? "rounded-b-none" : ""}`}
                     />
                     <button
                     type="button"
@@ -154,7 +154,7 @@ const RequestModal = ({section = "navbar"} : {section? : string}) => {
                     {suggestions.length > 0 && (
                     <ul
                         ref={suggestionsRef}
-                        className="absolute z-20 max-h-[250px] w-full max-w-xl overflow-y-auto rounded-md rounded-t-none border border-t-0 bg-white text-center shadow-lg dark:bg-[#303771]"
+                        className="absolute z-20 max-h-[250px] w-full max-w-xl overflow-y-auto rounded-2xl rounded-t-none border border-t-0 bg-white text-center shadow-lg dark:bg-[#303771]"
                     >
                         {suggestions.map((s, idx) => (
                         <li
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
index 9386f4c..a8dffd9 100644
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -39,7 +39,7 @@ const DialogContent = React.forwardRef<
     <DialogPrimitive.Content
       ref={ref}
       className={cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-2xl",
         className
       )}
       {...props}
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}
   />
 ));