diff --git a/webui/src/components/Themer.tsx b/webui/src/components/Themer.tsx
index d831fca9f51c1552812ac96d4135a1865108d598..4adef24a72ae980a019ede1b4536820de2ba4088 100644
--- a/webui/src/components/Themer.tsx
+++ b/webui/src/components/Themer.tsx
@@ -13,7 +13,8 @@ const ThemeContext = createContext({
 
 const LightSwitch = () => {
   const { mode, toggleMode } = useContext(ThemeContext);
-  const description = `Switch to ${mode === 'light' ? 'dark' : 'light'} theme`;
+  const nextMode = mode === 'light' ? 'dark' : 'light';
+  const description = `Switch to ${nextMode} theme`;
 
   return (
     <Tooltip title={description}>