From 6a6f7691736cd4a9c155a1113919991816b7eaf5 Mon Sep 17 00:00:00 2001
From: cypher <cypher@exsphere.com>
Date: Thu, 20 Oct 2022 19:10:20 +0200
Subject: [PATCH] chore: set color for chain select

---
 .../components/WormholeForm/WormholeChainSelect.tsx  |  2 ++
 .../ui/src/components/WormholeForm/WormholeForm.scss | 12 +++++++++---
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/apps/ui/src/components/WormholeForm/WormholeChainSelect.tsx b/apps/ui/src/components/WormholeForm/WormholeChainSelect.tsx
index 0f19bdc74..68f5e8b4a 100644
--- a/apps/ui/src/components/WormholeForm/WormholeChainSelect.tsx
+++ b/apps/ui/src/components/WormholeForm/WormholeChainSelect.tsx
@@ -69,6 +69,8 @@ const WormholeChainSelect = ({
           options={chainOptions}
           valueOfSelected={String(selectedChainId)}
           onChange={(value) => onSelectChain(Number(value) as ChainId)}
+          className="euiButton--primary"
+          itemClassName="chainSelectItem"
           hasDividers
         />
       </EuiFormRow>
diff --git a/apps/ui/src/components/WormholeForm/WormholeForm.scss b/apps/ui/src/components/WormholeForm/WormholeForm.scss
index f64503bc6..361a94f6a 100644
--- a/apps/ui/src/components/WormholeForm/WormholeForm.scss
+++ b/apps/ui/src/components/WormholeForm/WormholeForm.scss
@@ -21,8 +21,14 @@
   transition: all 1s ease-out;
 }
 
-@media (min-width: 768px) {
-  .wormholeForm {
-    min-width: 460px;
+@media only screen and (max-width: 748px) {
+  .chainSelectItem {
+    .euiContextMenuItem__text {
+      max-width: 80%;
+      .euiFlexGroup--responsive {
+        display: flex;
+        flex-wrap: nowrap;
+      }
+    }
   }
 }