diff --git a/public/script.js b/public/script.js
index 1155e9efe..62416e2ee 100644
--- a/public/script.js
+++ b/public/script.js
@@ -8433,8 +8433,7 @@ jQuery(async function () {
     $('#advanced_div').click(function () {
         if (!is_advanced_char_open) {
             is_advanced_char_open = true;
-            $('#character_popup').css('display', 'flex');
-            $('#character_popup').css('opacity', 0.0);
+            $('#character_popup').css({'display': 'flex', 'opacity': 0.0}).addClass('open');
             $('#character_popup').transition({
                 opacity: 1.0,
                 duration: animation_duration,
@@ -8442,7 +8441,7 @@ jQuery(async function () {
             });
         } else {
             is_advanced_char_open = false;
-            $('#character_popup').css('display', 'none');
+            $('#character_popup').css('display', 'none').removeClass('open');
         }
     });
 
diff --git a/public/style.css b/public/style.css
index 5eae58cab..66f262bd1 100644
--- a/public/style.css
+++ b/public/style.css
@@ -2736,7 +2736,7 @@ input[type="range"]::-webkit-slider-thumb {
     max-height: calc(100vh - 84px);
     max-height: calc(100svh - 84px);
     position: absolute;
-    z-index: 3000;
+    z-index: 4001;
     margin-left: auto;
     margin-right: auto;
     left: 0;
@@ -2814,7 +2814,7 @@ h5 {
     width: 100%;
     height: 100vh;
     height: 100svh;
-    z-index: 3001;
+    z-index: 4100;
     top: 0;
     background-color: var(--black70a);
     backdrop-filter: blur(var(--SmartThemeBlurStrength));
@@ -3374,7 +3374,8 @@ a {
 }
 
 body:has(.drawer-content.maximized) #top-settings-holder:has(.drawer-content.openDrawer:not(.fillLeft):not(.fillRight)),
-body:has(.drawer-content.open) #top-settings-holder:has(.drawer-content.openDrawer:not(.fillLeft):not(.fillRight)) {
+body:has(.drawer-content.open) #top-settings-holder:has(.drawer-content.openDrawer:not(.fillLeft):not(.fillRight)),
+body:has(#character_popup.open) #top-settings-holder:has(.drawer-content.openDrawer:not(.fillLeft):not(.fillRight)) {
     z-index: 4005;
 }