diff --git a/src/App.css b/src/App.css
index 9fc009f..05482ad 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,8 +1,6 @@
 body {
   background-color: black;
   color: #00FF33;
-}
-.App {
-  margin: 3%;
+  margin: 1%;
   min-height: 100vh;
 }
\ No newline at end of file
diff --git a/src/Chat/Chat.css b/src/Chat/Chat.css
index c5b74e3..d92e700 100644
--- a/src/Chat/Chat.css
+++ b/src/Chat/Chat.css
@@ -1,7 +1,7 @@
 .chat-inner-wrapper {
-    height: 500px;
-    overflow-y: auto;
-    overflow-wrap: normal;
+    height: 50vh;
+    overflow-y:scroll;
+    /* overflow-wrap: normal; */
     display: flex;
     flex-direction: column;
 
@@ -10,6 +10,6 @@
     margin-top: 5px;
 }
 .chat {
-    min-height: 80vh;
+    /* min-height: 80vh; */
     position: relative;
 }
\ No newline at end of file
diff --git a/src/Chat/MessageDisplay.css b/src/Chat/MessageDisplay.css
new file mode 100644
index 0000000..15af7eb
--- /dev/null
+++ b/src/Chat/MessageDisplay.css
@@ -0,0 +1,3 @@
+.msg .msg-err {
+    overflow-wrap: break-word;
+}
\ No newline at end of file
diff --git a/src/Login/Login.css b/src/Login/Login.css
new file mode 100644
index 0000000..957484e
--- /dev/null
+++ b/src/Login/Login.css
@@ -0,0 +1,3 @@
+.uname-error-text {
+    color: red;
+}
\ No newline at end of file