diff --git a/packages/react/.storybook/manager-head.html b/packages/react/.storybook/manager-head.html
index ec5dd3a1404c..fbf0af6d7d50 100644
--- a/packages/react/.storybook/manager-head.html
+++ b/packages/react/.storybook/manager-head.html
@@ -84,6 +84,18 @@
     display: none;
   }
 
+  /* This style is required because of the compliance footer */
+  #root > div {
+    height: calc(100vh - 48px);
+  }
+
+  /* This style is required because of the compliance footer in smaller screens */
+  @media (max-width: 671px) {
+    nav[class^='css-'] {
+      height: 281px;
+    }
+  }
+
   footer {
     position: absolute;
     bottom: 0;