diff --git a/theme.css b/theme.css
index 0a18ec1..bdcd0ff 100644
--- a/theme.css
+++ b/theme.css
@@ -42,6 +42,7 @@
 html {
     scrollbar-color: #00ffcc #1b1b1b;
     scrollbar-width: thin;
+    font-size: 16px; /* Increased font size for better readability */
 }
 
 /* Hide Logos */
@@ -67,6 +68,7 @@ kbd {
     border-color: #00ffcc;
     box-shadow: none;
     text-shadow: none;
+    font-size: 1rem; /* Increased font size */
 }
 
 #context-menu,
@@ -117,6 +119,7 @@ kbd {
     border-radius: 0;
     text-transform: uppercase;
     transition: background 0.3s ease;
+    font-size: 1rem; /* Match font size with general text */
 }
 
 #chat .show-more .btn:hover {
@@ -126,11 +129,20 @@ kbd {
 }
 
 .btn-reconnect {
-    background: #e74c3c;
-    color: #f0f0f0;
-    border: 0;
+    background: #1b1b1b; /* Updated to match the rest of the buttons */
+    color: #00ffcc;
+    border: 2px solid #00ffcc;
     border-radius: 0;
     margin: 0;
+    text-transform: uppercase;
+    transition: background 0.3s ease;
+    padding: 10px 30px;
+}
+
+.btn-reconnect:hover {
+    background-color: #00ffcc;
+    color: #121212;
+    box-shadow: 0px 0px 20px #00ffcc, 0px 0px 30px #00ffcc, 0px 0px 40px #00ffcc;
 }
 
 /* Footer */
@@ -149,6 +161,7 @@ kbd {
 body {
     background-color: #121212;
     color: #f0f0f0;
+    font-size: 1rem; /* Increased font size */
 }
 
 #chat .self {