diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
index b41b54fff8..bcf269ccc2 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
@@ -241,7 +241,7 @@ const GalleryBoard = memo(
                     borderBottomRadius: 'base',
                     bg: 'accent.400',
                     color: isSelected ? 'base.50' : 'base.100',
-                    _dark: { color: 'base.800', bg: 'accent.200' },
+                    _dark: { color: 'base.200', bg: 'accent.500' },
                     lineHeight: 'short',
                     fontSize: 'xs',
                   }}
diff --git a/invokeai/frontend/web/src/theme/theme.ts b/invokeai/frontend/web/src/theme/theme.ts
index 7fc515c2fe..6f7a719e85 100644
--- a/invokeai/frontend/web/src/theme/theme.ts
+++ b/invokeai/frontend/web/src/theme/theme.ts
@@ -4,6 +4,7 @@ import { InvokeAIColors } from './colors/colors';
 import { accordionTheme } from './components/accordion';
 import { buttonTheme } from './components/button';
 import { checkboxTheme } from './components/checkbox';
+import { editableTheme } from './components/editable';
 import { formLabelTheme } from './components/formLabel';
 import { inputTheme } from './components/input';
 import { menuTheme } from './components/menu';
@@ -20,7 +21,6 @@ import { tabsTheme } from './components/tabs';
 import { textTheme } from './components/text';
 import { textareaTheme } from './components/textarea';
 import { tooltipTheme } from './components/tooltip';
-import { editableTheme } from './components/editable';
 
 export const theme: ThemeOverride = {
   config: {
@@ -73,7 +73,7 @@ export const theme: ThemeOverride = {
     selected: {
       light:
         '0px 0px 0px 1px var(--invokeai-colors-base-150), 0px 0px 0px 4px var(--invokeai-colors-accent-400)',
-      dark: '0px 0px 0px 1px var(--invokeai-colors-base-900), 0px 0px 0px 4px var(--invokeai-colors-accent-400)',
+      dark: '0px 0px 0px 1px var(--invokeai-colors-base-900), 0px 0px 0px 4px var(--invokeai-colors-accent-500)',
     },
     hoverSelected: {
       light: