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>