diff --git a/public/script.js b/public/script.js
index 400c915ed..9e4e2c926 100644
--- a/public/script.js
+++ b/public/script.js
@@ -5385,7 +5385,7 @@ $(document).ready(function () {
 
     $(document).on('click', '.mes .avatar', function () {
 
-
+        $('#avatar_zoom_popup').css('display', 'none');
         let thumbURL = $(this).children('img').attr('src');
         let charsPath = '/characters/'
         let targetAvatarImg = thumbURL.substring(thumbURL.lastIndexOf("=") + 1);
@@ -5402,9 +5402,11 @@ $(document).ready(function () {
         let avatarPopper = Popper.createPopper(document.getElementById('top-bar'), document.getElementById('avatar_zoom_popup'), {
             placement: 'bottom',
         });
-        avatarPopper.update();
 
-        $('#avatar_zoom_popup').toggle();
+        setTimeout(function () {
+            avatarPopper.update();
+            $('#avatar_zoom_popup').toggle();
+        }, 100);
 
 
 
diff --git a/public/style.css b/public/style.css
index a412c77d7..c1a75ff64 100644
--- a/public/style.css
+++ b/public/style.css
@@ -3683,10 +3683,6 @@ body.noShadows * {
 }
 
 #avatar_zoom_popup {
-    min-height: 0px;
-    min-width: 400px;
-    max-height: 60svh;
-    max-width: 40svh;
     z-index: 999;
     display: none;
 
@@ -3696,6 +3692,7 @@ body.noShadows * {
     border: 1px solid var(--white50a);
     border-radius: 20px;
     max-height: calc(60svh - 60px);
+    max-width: 70svh;
     box-shadow: 0 0 10px black;
 }