diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
index faf80c0..c367a90 100644
--- a/.storybook/preview-head.html
+++ b/.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;
diff --git a/src/components/Backdrop/backdrop.css b/src/components/Backdrop/backdrop.css
index 54557ed..c3172d0 100644
--- a/src/components/Backdrop/backdrop.css
+++ b/src/components/Backdrop/backdrop.css
@@ -11,6 +11,8 @@
z-index: 9;
}
-.document-noOverflow {
- overflow: hidden;
+@media (min-width: 800px) {
+ .document-noOverflow {
+ overflow: hidden;
+ }
}
diff --git a/src/components/Dropdown/dropdown.css b/src/components/Dropdown/dropdown.css
index 986e123..b7b9620 100644
--- a/src/components/Dropdown/dropdown.css
+++ b/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;
+}
diff --git a/src/components/Menu/menu.css b/src/components/Menu/menu.css
index 6f7a40d..58b1610 100644
--- a/src/components/Menu/menu.css
+++ b/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;
diff --git a/src/components/Table/StateCell.css b/src/components/Table/StateCell.css
index 2aaf6da..9035093 100644
--- a/src/components/Table/StateCell.css
+++ b/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));
}