Use 100% height for the whole app

Makes it way easier to handle overflows in individual sections

.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>

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;
 }