diff --git a/packages/freesewing.shared/components/theme-picker.js b/packages/freesewing.shared/components/theme-picker.js
index 0ddaff0010b..60e979f8342 100644
--- a/packages/freesewing.shared/components/theme-picker.js
+++ b/packages/freesewing.shared/components/theme-picker.js
@@ -23,12 +23,14 @@ const ThemePicker = ({ app, className }) => {
             <li key={theme}>
               <button
                 onClick={() => app.setTheme(theme)}
-                className="btn btn-ghost text-base-content hover:bg-base-200"
+                className="btn btn-ghost hover:bg-base-200"
               >
-                {app.i18n
-                  ? app.t(`${theme}Theme`)
-                  : `${theme} Theme`
-                }
+                <span className="text-base-content">
+                  {app.i18n
+                    ? app.t(`${theme}Theme`)
+                    : `${theme} Theme`
+                  }
+                </span>
               </button>
             </li>
           ))}