Fix minor bugs

.storybook/preview-head.html

@@ -13,6 +13,7 @@
     --codex-color-success: 20, 184, 166;
     --codex-color-blue: 30, 64, 175;
     --codex-color-primary: #c1f0a4;
+    --codex-color-grey: 170, 170, 170;
     --codex-color-primary-variant: #c1f0a4cc;
     --codex-color-on-primary: #333;
     --codex-color-disabled: #717171;

src/components/Backdrop/backdrop.css

@@ -11,6 +11,8 @@
   z-index: 9;
 }
 
+@media (min-width: 800px) {
   .document-noOverflow {
     overflow: hidden;
   }
+}

src/components/Dropdown/dropdown.css

@@ -78,3 +78,8 @@
   mix-blend-mode: difference;
   font-size: 0.75rem;
 }
+
+.dropdown-title,
+.dropdown-subtitle {
+  word-break: break-all;
+}

src/components/Menu/menu.css

@@ -67,7 +67,7 @@
 .menu-version {
   font-size: 0.6rem;
   background-color: var(--codex-background-light);
-  padding: 0 0.25rem;
+  padding: 0.25rem;
   border-radius: var(--codex-border-radius);
   position: relative;
   top: 1px;

src/components/Table/StateCell.css

@@ -19,6 +19,6 @@
 }
 
 .cell-state--loading {
-  background-color: rgba(var(--codex-color-blue), 0.2);
-  color: rgb(var(--codex-color-blue));
+  background-color: rgba(var(--codex-color-grey), 0.2);
+  color: rgb(var(--codex-color-grey));
 }