diff --git a/packages/ui/components/popover/index.tsx b/packages/ui/components/popover/index.tsx
index ebb7ba4000..4be8d9ff26 100644
--- a/packages/ui/components/popover/index.tsx
+++ b/packages/ui/components/popover/index.tsx
@@ -21,8 +21,8 @@ export const AnimatedPopover = ({
           className="item-center  mb-2 flex h-9 justify-between whitespace-nowrap rounded-md border border-gray-300 py-2 px-3
           text-sm placeholder:text-gray-400 hover:cursor-pointer hover:border-gray-400
           focus:border-neutral-300 focus:outline-none focus:ring-2 focus:ring-neutral-800 focus:ring-offset-1">
-          <div className="max-w-36 flex">
-            <div className="truncate ">
+          <div className="max-w-36 flex items-center">
+            <div className="truncate">
               {text}
               {count && count > 0 && (
                 <div className="flex h-4 w-4 items-center justify-center rounded-full">{count}</div>