diff --git a/frontend/src/_styles/left-sidebar.scss b/frontend/src/_styles/left-sidebar.scss
index 305ba99fbe..4400250bf4 100644
--- a/frontend/src/_styles/left-sidebar.scss
+++ b/frontend/src/_styles/left-sidebar.scss
@@ -475,7 +475,7 @@
 }
 .sidebar-h-100-popover {
   height: 100vh;
-  margin-top: 45px;
+  margin-top: 0px;
 }
 .sidebar-h-100-popover-inspector {
   min-width: 422px;
diff --git a/frontend/src/_styles/popover.scss b/frontend/src/_styles/popover.scss
index be7ff54151..83936c339f 100644
--- a/frontend/src/_styles/popover.scss
+++ b/frontend/src/_styles/popover.scss
@@ -49,5 +49,7 @@
   }
 } 
 
-[data-radix-popper-content-wrapper] { transform: translate3d(47px,0,0) !important; }
+div[data-radix-popper-content-wrapper]:has(.PopoverContent.drawer-height) {
+  transform: translate3d(47px,45px,0) !important;
+}
 
diff --git a/frontend/src/_ui/Popover/index.jsx b/frontend/src/_ui/Popover/index.jsx
index 7e129b09b4..64dfddf0e7 100644
--- a/frontend/src/_ui/Popover/index.jsx
+++ b/frontend/src/_ui/Popover/index.jsx
@@ -27,7 +27,7 @@ const PopoverComponent = ({
     return {};
   };
   return (
-    <Popover.Root {...(open && { open })} onOpenChange={handleToggle && handleToggle} className="popover-root">
+    <Popover.Root {...(open && { open })} onOpenChange={handleToggle && handleToggle}>
       <Popover.Trigger asChild>
         <a className={cx({ 'w-100': fullWidth })}>{children}</a>
       </Popover.Trigger>
@@ -35,7 +35,9 @@ const PopoverComponent = ({
         <Popover.Content
           style={computeStyle()}
           side={side}
-          className={`PopoverContent ${popoverContentClassName} ${darkMode && 'dark'}`}
+          className={`PopoverContent ${popoverContentClassName} ${darkMode && 'dark'} ${
+            popoverContentHeight && 'drawer-height'
+          }`}
         >
           {popoverContent}
           {!hideCloseIcon && (