diff --git a/src/components/headerbar/ThemeSwitchMenu.tsx b/src/components/headerbar/ThemeSwitchMenu.tsx
index 2934aeb..4d31ad9 100644
--- a/src/components/headerbar/ThemeSwitchMenu.tsx
+++ b/src/components/headerbar/ThemeSwitchMenu.tsx
@@ -22,7 +22,7 @@ const ThemeSwitchMenu: FunctionComponent<{ context: Context, textColor: string }
                 //@ts-ignore
                 onMouseOut={(event) => (event.target.style.background = "transparent")}
                 onClick={() => (context.themeManager.theme = theme)}>
-                <div style={{ background: theme.boardColor }} className="theme-color-circle" />
+                <div style={{ background: theme.themePreviewColor }} className="theme-color-circle" />
                 {theme.name}
                 <style jsx>{`
                 .theme-color-circle {