diff --git a/packages/vibrant-components/src/lib/Popover/Popover.stories.tsx b/packages/vibrant-components/src/lib/Popover/Popover.stories.tsx
index d72403465..86813fec6 100644
--- a/packages/vibrant-components/src/lib/Popover/Popover.stories.tsx
+++ b/packages/vibrant-components/src/lib/Popover/Popover.stories.tsx
@@ -24,6 +24,16 @@ export const Basic: ComponentStory<typeof Popover> = props => (
   </VStack>
 );
 
+export const WithDefaultOpen: ComponentStory<typeof Popover> = props => (
+  <VStack width="100%" height="100vh" alignVertical="center" alignHorizontal="center">
+    <Popover title="Popover" {...props} open={true}>
+      <Popover.Opener openInteraction="click">
+        <Avatar size="lg" src="" alt="" />
+      </Popover.Opener>
+    </Popover>
+  </VStack>
+);
+
 export const WithExternalState: ComponentStory<typeof Popover> = props => {
   const [isOpen, setIsOpen] = useState(false);
 
diff --git a/packages/vibrant-components/src/lib/Popover/Popover.tsx b/packages/vibrant-components/src/lib/Popover/Popover.tsx
index 0fdfaa195..6202f78a4 100644
--- a/packages/vibrant-components/src/lib/Popover/Popover.tsx
+++ b/packages/vibrant-components/src/lib/Popover/Popover.tsx
@@ -244,8 +244,8 @@ export const Popover = ({
         <Transition
           animation={{
             opacity: isOpen && (popoverPosition.x !== 0 || popoverPosition.y !== 0) ? 1 : 0,
-            ...popoverPosition,
           }}
+          style={popoverPosition}
           duration={200}
           easing="easeOutQuad"
         >