fix(Popover): wrong border size on arrow (#1176)

digdir · Dec 1, 2023 · 499c5e2 · 499c5e2
1 parent 22fbc6b
commit 499c5e2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/react/src/components/Popover/Popover.module.css b/packages/react/src/components/Popover/Popover.module.css
@@ -1,5 +1,5 @@
 .popover {
-  --border: 2px solid;
+  --border: 1px solid;
 
   z-index: 1500;
   background: var(--background);

diff --git a/packages/react/src/components/Popover/Popover.tsx b/packages/react/src/components/Popover/Popover.tsx
@@ -156,7 +156,7 @@ export const Popover = forwardRef<HTMLDivElement, PopoverProps>(
                 width: ARROW_HEIGHT,
                 ...(arrowX != null ? { left: arrowX } : {}),
                 ...(arrowY != null ? { top: arrowY } : {}),
-                ...(arrowPlacement ? { [arrowPlacement]: -6 } : {}),
+                ...(arrowPlacement ? { [arrowPlacement]: -4.5 } : {}),
               }}
             />
           </Paragraph>