diff --git a/layouts/AppConfigurator.vue b/layouts/AppConfigurator.vue
index 9ac6e3d1d..4ec1bfcdb 100755
--- a/layouts/AppConfigurator.vue
+++ b/layouts/AppConfigurator.vue
@@ -376,9 +376,9 @@ export default {
                 this.changeTheme(tokens[0].substring(0, 2), tokens[2]);
             }
         },
-        isThemeActive(theme, color) {
+        isThemeActive(themeFamily, color) {
             let themeName;
-            let themePrefix = this.compactMaterial ? 'mdc' : theme;
+            let themePrefix = themeFamily === 'md' && this.compactMaterial ? 'mdc' : themeFamily;
 
             if (this.lightOnlyThemes.includes(themePrefix)) {
                 themeName = themePrefix;