diff --git a/lib/chat.js b/lib/chat.js
index c29f1c0b..a46fff40 100644
--- a/lib/chat.js
+++ b/lib/chat.js
@@ -49,13 +49,16 @@ class ChatBox extends LitElement {
             padding-left: 0;
             max-height: var(--chatHeight);
             width: var(--chatWidth);
+            transform-origin: bottom left;
+            transform: scale(var(--chatScale));
         }
 
         .chat-input-wrapper {
-            bottom: 2px;
-            width: calc(100% - 2px);
-            position: relative;
+            bottom: 1px;
+            width: calc(100% - 3px);
+            position: absolute;
             left: 1px;
+            box-sizing: border-box;
             overflow: hidden;
             background-color: rgba(0, 0, 0, 0);
         }
@@ -74,7 +77,7 @@ class ChatBox extends LitElement {
 
         input[type=text], #chatinput {
             background-color: rgba(0, 0, 0, 0.5);
-            border: 1px solid rgba(0, 0, 0, 0.5);
+            border: 1px solid rgba(0, 0, 0, 0);
             display: none;
             outline: none;
         }
diff --git a/lib/menus/options_screen.js b/lib/menus/options_screen.js
index 6bfb7cd9..818a19c3 100644
--- a/lib/menus/options_screen.js
+++ b/lib/menus/options_screen.js
@@ -63,7 +63,7 @@ class OptionsScreen extends LitElement {
     this.fov = getValue('fov', 75, (v) => Number(v))
     this.guiScale = getValue('guiScale', 3, (v) => Number(v))
 
-    document.documentElement.style.setProperty('--chatScale', `${this.chatScale}`)
+    document.documentElement.style.setProperty('--chatScale', `${this.chatScale / 100}`)
     document.documentElement.style.setProperty('--chatWidth', `${this.chatWidth}px`)
     document.documentElement.style.setProperty('--chatHeight', `${this.chatHeight}px`)
     document.documentElement.style.setProperty('--guiScale', `${this.guiScale}`)
@@ -102,7 +102,7 @@ class OptionsScreen extends LitElement {
           <pmui-slider pmui-label="Chat Scale" pmui-value="${this.chatScale}" pmui-min="0" pmui-max="100" @input=${(e) => {
             this.chatScale = Number(e.target.value)
             window.localStorage.setItem('chatScale', `${this.chatScale}`)
-            document.documentElement.style.setProperty('--chatScale', `${this.chatScale}`)
+            document.documentElement.style.setProperty('--chatScale', `${this.chatScale / 100}`)
           }}></pmui-slider>
           <pmui-slider pmui-label="Sound Volume" pmui-value="${this.sound}" pmui-min="0" pmui-max="100" @input=${(e) => {
             this.sound = Number(e.target.value)
diff --git a/package.json b/package.json
index 148133c6..a9f1ed20 100644
--- a/package.json
+++ b/package.json
@@ -37,7 +37,9 @@
     "compression": "^1.7.4",
     "express": "^4.17.1",
     "lit": "^2.0.2",
-    "net-browserify": "PrismarineJS/net-browserify"
+    "net-browserify": "PrismarineJS/net-browserify",
+    "querystring": "^0.2.1",
+    "url": "^0.11.0"
   },
   "devDependencies": {
     "assert": "^2.0.0",