diff --git a/src/components/ProfileMenu.vue b/src/components/ProfileMenu.vue
index dfa4889e..5df85ec1 100644
--- a/src/components/ProfileMenu.vue
+++ b/src/components/ProfileMenu.vue
@@ -70,6 +70,7 @@ function changeMode(mode: string) {
     themeMode.value[0].isActive = true;
     themeMode.value[1].isActive = false;
     themeMode.value[2].isActive = false;
+    currentTheme.value = 'light';
     $q.dark.set(false);
     return;
   }
@@ -79,6 +80,7 @@ function changeMode(mode: string) {
     themeMode.value[0].isActive = false;
     themeMode.value[1].isActive = true;
     themeMode.value[2].isActive = false;
+    currentTheme.value = 'dark';
     $q.dark.set(true);
     return;
   }
@@ -88,6 +90,8 @@ function changeMode(mode: string) {
     themeMode.value[0].isActive = false;
     themeMode.value[1].isActive = false;
     themeMode.value[2].isActive = true;
+    currentTheme.value = 'baseOnDevice';
+
     if (
       window.matchMedia &&
       window.matchMedia('(prefers-color-scheme: dark)').matches