From 10fed3e3e17f40c8846ecd0cb038d3ce44febe32 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.f.lopez.j@gmail.com>
Date: Wed, 13 Oct 2021 12:50:52 -0500
Subject: [PATCH] fix dropdown style

---
 .../common/src/components/ConnectButton/index.tsx      |  2 +-
 js/packages/web/src/views/styles.less                  | 10 +++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/js/packages/common/src/components/ConnectButton/index.tsx b/js/packages/common/src/components/ConnectButton/index.tsx
index 1105481865..8e8c2f2d76 100644
--- a/js/packages/common/src/components/ConnectButton/index.tsx
+++ b/js/packages/common/src/components/ConnectButton/index.tsx
@@ -46,7 +46,7 @@ export const ConnectButton = (props: ConnectButtonProps) => {
       onClick={handleClick}
       disabled={connected && disabled}
       overlay={
-        <Menu>
+        <Menu className={'black-dropdown'}>
           <Menu.Item onClick={open}>Change Wallet</Menu.Item>
         </Menu>
       }
diff --git a/js/packages/web/src/views/styles.less b/js/packages/web/src/views/styles.less
index 59b9f8cd24..26e116a8e7 100644
--- a/js/packages/web/src/views/styles.less
+++ b/js/packages/web/src/views/styles.less
@@ -180,7 +180,6 @@
 .connector {
   color: #121212;
   border-color: #121212;
-  background-color: #FFFFFF !important;
   box-shadow: 0px 0px 24px rgba(26, 26, 26, 0.12);
   border-radius: 8px;
   padding: 12px 20px;
@@ -387,3 +386,12 @@ h2 {
   font-size: 0.8rem;
   margin-bottom: 10px;
 }
+
+.black-dropdown {
+  background-color: #121212;
+
+  .ant-dropdown-menu-item:hover {
+    background-color: white;
+    color: black;
+  }
+}