diff --git a/public/style.css b/public/style.css
index bfdfd2bac..b6f5bd2a3 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1517,13 +1517,13 @@ label.checkbox :checked + span:after {
     z-index: 2058;
 }
 #character_popup{
-    display: none;
-	background-color: rgba(0,0,0,0.3);
-	backdrop-filter: blur(50px);
-	-webkit-backdrop-filter: blur(50px);
+	display: none;
+    background-color: rgba(0,0,0,0.3);
+    backdrop-filter: blur(50px);
+    -webkit-backdrop-filter: blur(50px);
     grid-template-rows: 50px 100px 100px 40px auto 45px 45px;
-    max-width:800px;
-    height: 83vh;
+    max-width: 802px;	/* 802 instead of 800 to cover #chat's scrollbars entirely */
+    height: 89vh;		/* imperfect calculation designed to match the chat height, which is auto-set to (100% - form_sheld height) */
     position: absolute;
     z-index: 2065;
     margin-left: auto;
@@ -1531,9 +1531,10 @@ label.checkbox :checked + span:after {
     left: 0;
     right: 0;
     margin-top: 40px;
-    box-shadow: 0 0 2px rgba(0,0,0,0.5);
+    box-shadow: 0 0 2px rgb(0 0 0 / 50%);
     padding: 4px;
-	border: 1px solid #33;
+    border: 1px solid rgba(0,0,0,0.3);
+    border-radius: 0 0 40px 40px;
 }
 #character_popup h5 a{
     color: #936f4a;