style(popover-item): the whole item should be clickable when using wi…

…th link
geist-org · Jul 24, 2020 · 377846f · 377846f
1 parent 2fbdf1c
commit 377846f
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/components/popover/popover-item.tsx b/components/popover/popover-item.tsx
@@ -39,7 +39,6 @@ const PopoverItem: React.FC<React.PropsWithChildren<PopoverItemProps>> = ({
             line-height: 1.25rem;
             text-align: left;
             transition: color 0.1s ease 0s, background-color 0.1s ease 0s;
-            width: max-content;
           }
 
           .item:hover {
@@ -50,6 +49,12 @@ const PopoverItem: React.FC<React.PropsWithChildren<PopoverItemProps>> = ({
             margin: 0;
           }
 
+          .item > :global(.link) {
+            width: 100%;
+            padding: 0.5rem ${theme.layout.gap};
+            margin: -0.5rem -${theme.layout.gap};
+          }
+
           .item.line {
             line-height: 0;
             height: 0;