update popover/dropdown bg styles

src/shared/components/popover/popover.module.css

@@ -1,7 +1,7 @@
 .dropdown {
     padding: var(--theme-spacing-xs);
-    color: var(--theme-colors-surface-foreground);
-    background: var(--theme-colors-surface);
+    color: var(--theme-colors-foreground);
+    background: var(--theme-colors-background);
     border: 1px solid var(--theme-colors-border);
     filter: drop-shadow(0 0 5px rgb(0 0 0 / 50%));
 }

src/shared/components/popover/popover.tsx

@@ -13,10 +13,12 @@ export interface PopoverProps extends MantinePopoverProps {}
 export const Popover = ({ children, ...props }: PopoverProps) => {
     return (
         <MantinePopover
+            arrowSize={10}
             classNames={{
                 dropdown: styles.dropdown,
             }}
             transitionProps={{ transition: 'fade' }}
+            withArrow
             withinPortal
             {...props}
         >