diff --git a/app/client/ui2018/cssVars.ts b/app/client/ui2018/cssVars.ts
index ab6ffd24..92f9fc56 100644
--- a/app/client/ui2018/cssVars.ts
+++ b/app/client/ui2018/cssVars.ts
@@ -499,7 +499,7 @@ export const theme = {
   menuShadow: new CustomProp('theme-menu-shadow', undefined, 'rgba(38, 38, 51, 0.6)'),
 
   /* Menu Items */
-  menuItemFg: new CustomProp('theme-menu-item-fg', undefined, 'unset'),
+  menuItemFg: new CustomProp('theme-menu-item-fg', undefined, 'black'),
   menuItemSelectedFg: new CustomProp('theme-menu-item-selected-fg', undefined, colors.light),
   menuItemSelectedBg: new CustomProp('theme-menu-item-selected-bg', undefined, vars.primaryBg),
   menuItemDisabledFg: new CustomProp('theme-menu-item-disabled-fg', undefined, '#D9D9D9'),
diff --git a/app/client/widgets/ConditionalStyle.ts b/app/client/widgets/ConditionalStyle.ts
index 121cbc97..aea7ffaa 100644
--- a/app/client/widgets/ConditionalStyle.ts
+++ b/app/client/widgets/ConditionalStyle.ts
@@ -226,7 +226,7 @@ const cssRemoveButton = styled(cssIcon, `
   cursor: pointer;
   --icon-color: ${theme.controlSecondaryFg};
   &:hover {
-    --icon-color: ${theme.controlPrimaryFg};
+    --icon-color: ${theme.controlFg};
   }
 `);