added Box around Popover

orchestrated-io · Jul 31, 2024 · 437934e · 437934e
1 parent 3292ec0
commit 437934e
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/lib/components/Popover/index.js b/lib/components/Popover/index.js
@@ -17,6 +17,7 @@ import themeGet from "@styled-system/theme-get";
 import styled from "styled-components";
 import Icon from "../Icon";
 import { PropTypes } from "prop-types";
+import Box from "../Box";
 
 const DIRECTIONS_MAP = {
   topLeft: "top-start",
@@ -330,7 +331,7 @@ export default function Popover({
   const isVisible = isOpen || isFocused;
 
   return (
-    <div {...props}>
+    <Box {...props}>
       {triggerComponent}
 
       <FloatingPortal>
@@ -354,7 +355,7 @@ export default function Popover({
           </StyledPopoverContainer>
         )}
       </FloatingPortal>
-    </div>
+    </Box>
   );
 }