From bf2e72ca00b9dd4df9bfd0aeb4745cd65d1e0a77 Mon Sep 17 00:00:00 2001
From: Arnaud <arnaud@status.im>
Date: Thu, 29 Aug 2024 18:12:26 +0200
Subject: [PATCH] Fix minor bugs

---
 .storybook/preview-head.html         | 1 +
 src/components/Backdrop/backdrop.css | 6 ++++--
 src/components/Dropdown/dropdown.css | 5 +++++
 src/components/Menu/menu.css         | 2 +-
 src/components/Table/StateCell.css   | 4 ++--
 5 files changed, 13 insertions(+), 5 deletions(-)

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