diff --git a/resources/[system]/chat/html/config.default.js b/resources/[system]/chat/html/config.default.js
index 6c8a820..82192ad 100644
--- a/resources/[system]/chat/html/config.default.js
+++ b/resources/[system]/chat/html/config.default.js
@@ -14,6 +14,6 @@ window.CONFIG = {
   style: {
     background: 'rgba(52, 73, 94, 0.7)',
     width: '38%',
-    height: '240px',
+    height: '22%',
   }
 };
diff --git a/resources/[system]/chat/html/index.css b/resources/[system]/chat/html/index.css
index a44c51b..96a8e3a 100644
--- a/resources/[system]/chat/html/index.css
+++ b/resources/[system]/chat/html/index.css
@@ -31,11 +31,11 @@ em {
 
 .chat-window {
   position: absolute;
-  top: 15px;
-  left: 15px;
+  top: 1.5%;
+  left: 0.8%;
   width: 38%;
-  height: 240px;
-
+  height: 22%;
+  max-width: 1000px;
   background-color: rgba(52, 73, 94, 0.7);
   -webkit-animation-duration: 2s;
 }
@@ -44,8 +44,8 @@ em {
 .chat-messages {
   position: relative;
   height: 95%;
-  font-size: 1.2rem;
-  margin: 10px;
+  font-size: 1.8vh;
+  margin: 1%;
 
   overflow-x: hidden;
   overflow-y: hidden;
@@ -53,34 +53,36 @@ em {
 
 
 .chat-input {
-  font-size: 1.2rem;
+  font-size: 1.65vh;
   position: absolute;
 
-  top: 257px;
-  left: 15px;
+  top: 23.8%;
+  left: 0.8%;
   width: 38%;
-
+  max-width: 1000px;
   box-sizing: border-box;
 }
 
 .prefix {
+  font-size: 1.8vh;
   position: absolute;
-  margin-top: 2px;
-  left: 4px;
+  margin-top: 0.5%;
+  left: 0.208%;
 }
 
 textarea {
-  font-size: 1.1rem;
+  font-size: 1.65vh;
   display: block;
   box-sizing: border-box;
-  padding: 5px;
-  padding-left: 27px;
+  padding: 1%;
+  padding-left: 3.5%;
   color: white;
   background-color: rgba(44, 62, 80, 1.0);
   width: 100%;
   border-width: 0;
-  height: 34px;
+  height: 3.15%;
   overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 textarea:focus, input:focus {
@@ -88,19 +90,19 @@ textarea:focus, input:focus {
 }
 
 .msg {
-  margin-bottom: 3px;
+  margin-bottom: 0.28%;
 }
 
 .multiline {
-  margin-left: 1.5rem;
-  text-indent: -1.5rem;
+  margin-left: 4%;
+  text-indent: -1.2rem;
   white-space: pre-line;
 }
 
 .suggestions {
   list-style-type: none;
-  padding: 5px;
-  padding-left: 27px;
+  padding: 0.5%;
+  padding-left: 1.4%;
   font-size: 1.1rem;
   box-sizing: border-box;
   color: white;
@@ -117,5 +119,5 @@ textarea:focus, input:focus {
 }
 
 .suggestion {
-  margin-bottom: 5px;
+  margin-bottom: 0.5%;
 }