diff --git a/packages/components/popover/stories/popover.stories.tsx b/packages/components/popover/stories/popover.stories.tsx
index 08b226f8ce..0f851c4b92 100644
--- a/packages/components/popover/stories/popover.stories.tsx
+++ b/packages/components/popover/stories/popover.stories.tsx
@@ -66,6 +66,11 @@ export default {
         type: "number",
       },
     },
+    isOpen: {
+      control: {
+        type: "boolean",
+      },
+    },
     defaultOpen: {
       control: {
         type: "boolean",
diff --git a/packages/storybook/.storybook/preview.tsx b/packages/storybook/.storybook/preview.tsx
index 1b1f375a50..182543dbe4 100644
--- a/packages/storybook/.storybook/preview.tsx
+++ b/packages/storybook/.storybook/preview.tsx
@@ -21,6 +21,7 @@ const decorators: Preview['decorators'] = [
   ]
 
 const parameters: Preview['parameters'] = {
+  layout: 'fullscreen',
   actions: {argTypesRegex: "^on[A-Z].*"},
   options: {
     storySort: {
diff --git a/packages/storybook/.storybook/style.css b/packages/storybook/.storybook/style.css
index 7d3505d81b..4858ee29d3 100644
--- a/packages/storybook/.storybook/style.css
+++ b/packages/storybook/.storybook/style.css
@@ -14,7 +14,8 @@ h3 {
   @apply text-xl font-bold !text-neutral-600;
 }
 
-.dark .sbdocs-wrapper, .dark .sbdocs-preview  {
+.dark .sbdocs-wrapper,
+.dark .sbdocs-preview {
   background-color: #000000;
   color: #fff;
 }
@@ -28,12 +29,11 @@ h3 {
   color: #d4d4d4;
 }
 
-
-.dark div:has(.docblock-code-toggle) { 
-  background: transparent;  
+.dark div:has(.docblock-code-toggle) {
+  background: transparent;
 }
 
-.dark .os-theme-dark  {
+.dark .os-theme-dark {
   background: #161616;
   color: #fff;
 }
@@ -70,4 +70,4 @@ h3 {
 
 .dark #docs-root tbody tr:not(:first-child) {
   border-top: 1px solid #292929 !important;
-}
\ No newline at end of file
+}