From 913cc4aae2295299de26fb3125c9f8972eadb442 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Wed, 26 Apr 2023 16:50:08 -0700
Subject: [PATCH] fix(ui): remove default border on mobile action button menu

---
 .../ActionButtonMenu/ActionButtonMenu.module.scss            | 5 +++++
 .../action-buttons/ActionButtonMenu/ActionButtonMenu.tsx     | 1 +
 2 files changed, 6 insertions(+)

diff --git a/web/components/action-buttons/ActionButtonMenu/ActionButtonMenu.module.scss b/web/components/action-buttons/ActionButtonMenu/ActionButtonMenu.module.scss
index 55d631581..9054d4828 100644
--- a/web/components/action-buttons/ActionButtonMenu/ActionButtonMenu.module.scss
+++ b/web/components/action-buttons/ActionButtonMenu/ActionButtonMenu.module.scss
@@ -8,6 +8,7 @@
   align-items: center;
   height: 100%;
   padding-bottom: 16px; // to match antd nav margin-bottom
+
   button {
     height: 100%;
   }
@@ -21,3 +22,7 @@
 .menu {
   color: currentColor;
 }
+
+.menuButton {
+  border-color: var(--theme-color-components-content-background);
+}
diff --git a/web/components/action-buttons/ActionButtonMenu/ActionButtonMenu.tsx b/web/components/action-buttons/ActionButtonMenu/ActionButtonMenu.tsx
index afcc189b1..cf9d00e30 100644
--- a/web/components/action-buttons/ActionButtonMenu/ActionButtonMenu.tsx
+++ b/web/components/action-buttons/ActionButtonMenu/ActionButtonMenu.tsx
@@ -104,6 +104,7 @@ export const ActionButtonMenu: FC<ActionButtonMenuProps> = ({
           onClick={e => e.preventDefault()}
           size="large"
           icon={<EllipsisOutlined size={6} style={{ rotate: '90deg' }} />}
+          className={styles.menuButton}
         />
       </div>
     </Dropdown>