Add custom scrollbars and fix page heights

packages/bbui/src/Table/Table.svelte

@@ -313,23 +313,6 @@
     height: 100%;
     position: relative;
     overflow: auto;
-    scrollbar-width: thin;
-    scrollbar-color: var(--spectrum-global-color-gray-400)
-      var(--spectrum-alias-background-color-default);
-  }
-  .container::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
-  }
-  .container::-webkit-scrollbar-track {
-    background: var(--spectrum-alias-background-color-default);
-  }
-  .container::-webkit-scrollbar-thumb {
-    background-color: var(--spectrum-global-color-gray-400);
-    border-radius: 4px;
-  }
-  .container::-webkit-scrollbar-corner {
-    background: var(--spectrum-alias-background-color-default);
   }
   .container.quiet {
     border: none !important;

packages/builder/src/global.css

@@ -55,4 +55,25 @@ body {
 
 * + .bb-margin-xl {
     margin-top: var(--spacing-xl);
+}
+
+/* Custom scrollbars */
+::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+::-webkit-scrollbar-track {
+    background: var(--spectrum-alias-background-color-default);
+}
+::-webkit-scrollbar-thumb {
+    background-color: var(--spectrum-global-color-gray-400);
+    border-radius: 4px;
+}
+::-webkit-scrollbar-corner {
+    background: var(--spectrum-alias-background-color-default);
+}
+html * {
+    scrollbar-width: thin;
+    scrollbar-color: var(--spectrum-global-color-gray-400)
+    var(--spectrum-alias-background-color-default);
 }

packages/builder/src/pages/builder/[application]/automate/_layout.svelte

@@ -21,7 +21,8 @@
 
 <style>
   .root {
-    height: calc(100% - 60px);
+    flex: 1 1 auto;
+    height: 0;
     display: grid;
     grid-template-columns: 260px minmax(510px, 1fr) 260px;
   }

packages/builder/src/pages/builder/[application]/data/_layout.svelte

@@ -66,7 +66,8 @@
 
 <style>
   .root {
-    height: calc(100vh - 60px);
+    flex: 1 1 auto;
+    height: 0;
     display: grid;
     grid-template-columns: 260px minmax(0, 1fr);
   }

packages/builder/src/pages/builder/[application]/design/[assetType]/_layout.svelte

@@ -168,7 +168,8 @@
     display: grid;
     grid-template-columns: 260px 1fr 260px;
     align-items: stretch;
-    height: calc(100vh - 60px);
+    flex: 1 1 auto;
+    height: 0;
   }
 
   .ui-nav {