diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
index 0fa2c41784..ce8c72590c 100644
--- a/.storybook/preview-head.html
+++ b/.storybook/preview-head.html
@@ -6,15 +6,3 @@
 		document.body.appendChild(script);
 	});
 </script>
-
-<!--
-
-	These custom styles are injected in the Storybook iframe. The default Directus styles remove the
-	padding from the body, which looks kinda janky in Storybook
-
--->
-<style>
-	#root {
-		height: 100%;
-	}
-</style>
diff --git a/src/styles/_base.scss b/src/styles/_base.scss
index a895a234d7..5f6e0efa19 100644
--- a/src/styles/_base.scss
+++ b/src/styles/_base.scss
@@ -17,7 +17,6 @@
 
 html {
   font-size: 15px;
-  height: 100%;
 }
 
 body {
@@ -30,13 +29,17 @@ body {
   text-rendering: optimizeLegibility;
   -moz-osx-font-smoothing: grayscale;
   background-color: var(--page-background-color);
-  height: 100%;
 
   &:not(.user-is-tabbing) * {
     outline: 0;
   }
 }
 
+html, body, #root {
+	height: 100%;
+	width: 100%;
+}
+
 input, textarea, [contenteditable], .selectable {
   user-select: text;
 }