From 2426d9f1717958c8cef02613bee53af547b470ae Mon Sep 17 00:00:00 2001
From: tusharmagar <tushmag@gmail.com>
Date: Mon, 9 Feb 2026 22:08:21 +0530
Subject: [PATCH] style: popover placement

---
 apps/x/apps/renderer/src/components/connectors-popover.tsx | 2 +-
 apps/x/apps/renderer/src/components/help-popover.tsx       | 2 +-
 apps/x/apps/renderer/src/components/sidebar-content.tsx    | 2 +-
 apps/x/apps/renderer/src/components/ui/dropdown-menu.tsx   | 4 ++--
 apps/x/apps/renderer/src/components/ui/hover-card.tsx      | 4 ++--
 apps/x/apps/renderer/src/components/ui/popover.tsx         | 4 ++--
 6 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/x/apps/renderer/src/components/connectors-popover.tsx b/apps/x/apps/renderer/src/components/connectors-popover.tsx
index 7033a2ac..607bee4b 100644
--- a/apps/x/apps/renderer/src/components/connectors-popover.tsx
+++ b/apps/x/apps/renderer/src/components/connectors-popover.tsx
@@ -447,7 +447,7 @@ export function ConnectorsPopover({ children, tooltip }: ConnectorsPopoverProps)
       <PopoverContent
         side="right"
         align="end"
-        sideOffset={8}
+        sideOffset={4}
         className="w-80 p-0"
       >
         <div className="p-4 border-b">
diff --git a/apps/x/apps/renderer/src/components/help-popover.tsx b/apps/x/apps/renderer/src/components/help-popover.tsx
index 6f23c577..fdabacc0 100644
--- a/apps/x/apps/renderer/src/components/help-popover.tsx
+++ b/apps/x/apps/renderer/src/components/help-popover.tsx
@@ -49,7 +49,7 @@ export function HelpPopover({ children, tooltip }: HelpPopoverProps) {
       <PopoverContent
         side="right"
         align="end"
-        sideOffset={8}
+        sideOffset={4}
         className="w-80 p-0"
       >
         <div className="p-4 border-b">
diff --git a/apps/x/apps/renderer/src/components/sidebar-content.tsx b/apps/x/apps/renderer/src/components/sidebar-content.tsx
index 0d8d9aea..52b3c481 100644
--- a/apps/x/apps/renderer/src/components/sidebar-content.tsx
+++ b/apps/x/apps/renderer/src/components/sidebar-content.tsx
@@ -285,7 +285,7 @@ function SyncStatusBar() {
           <PopoverContent
             side="right"
             align="end"
-            sideOffset={8}
+            sideOffset={4}
             className="w-96 p-0"
           >
             <div className="p-3 border-b">
diff --git a/apps/x/apps/renderer/src/components/ui/dropdown-menu.tsx b/apps/x/apps/renderer/src/components/ui/dropdown-menu.tsx
index eaed9baf..847d4f22 100644
--- a/apps/x/apps/renderer/src/components/ui/dropdown-menu.tsx
+++ b/apps/x/apps/renderer/src/components/ui/dropdown-menu.tsx
@@ -31,7 +31,7 @@ function DropdownMenuTrigger({
 
 function DropdownMenuContent({
   className,
-  sideOffset = 4,
+  sideOffset = 8,
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
   return (
@@ -40,7 +40,7 @@ function DropdownMenuContent({
         data-slot="dropdown-menu-content"
         sideOffset={sideOffset}
         className={cn(
-          "bg-popover text-popover-foreground 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+          "bg-popover text-popover-foreground 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-lg",
           className
         )}
         {...props}
diff --git a/apps/x/apps/renderer/src/components/ui/hover-card.tsx b/apps/x/apps/renderer/src/components/ui/hover-card.tsx
index e4204e0d..a8f21e17 100644
--- a/apps/x/apps/renderer/src/components/ui/hover-card.tsx
+++ b/apps/x/apps/renderer/src/components/ui/hover-card.tsx
@@ -20,7 +20,7 @@ function HoverCardTrigger({
 function HoverCardContent({
   className,
   align = "center",
-  sideOffset = 4,
+  sideOffset = 8,
   ...props
 }: React.ComponentProps<typeof HoverCardPrimitive.Content>) {
   return (
@@ -30,7 +30,7 @@ function HoverCardContent({
         align={align}
         sideOffset={sideOffset}
         className={cn(
-          "bg-popover text-popover-foreground 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+          "bg-popover text-popover-foreground 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-lg outline-hidden",
           className
         )}
         {...props}
diff --git a/apps/x/apps/renderer/src/components/ui/popover.tsx b/apps/x/apps/renderer/src/components/ui/popover.tsx
index 6d51b6ce..27f1af3c 100644
--- a/apps/x/apps/renderer/src/components/ui/popover.tsx
+++ b/apps/x/apps/renderer/src/components/ui/popover.tsx
@@ -18,7 +18,7 @@ function PopoverTrigger({
 function PopoverContent({
   className,
   align = "center",
-  sideOffset = 4,
+  sideOffset = 8,
   ...props
 }: React.ComponentProps<typeof PopoverPrimitive.Content>) {
   return (
@@ -28,7 +28,7 @@ function PopoverContent({
         align={align}
         sideOffset={sideOffset}
         className={cn(
-          "bg-popover text-popover-foreground 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+          "bg-popover text-popover-foreground 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-lg outline-hidden",
           className
         )}
         {...props}