diff --git a/public/style/chat.css b/public/style/chat.css
index e0f8228..78cb564 100755
--- a/public/style/chat.css
+++ b/public/style/chat.css
@@ -309,6 +309,26 @@ body {
     background-color: #1f608d;
 }
 
+.tabs {
+    display: flex;
+    margin: 20px 0px;
+}
+
+.tabs button {
+    padding: 10px 20px;
+    cursor: pointer;
+    background: var(--primary-color);
+    color: white;
+    border: 0px solid var(--primary-color);
+    margin-right: 5px;
+    border-radius: 10px;
+}
+
+.tabs button:hover {
+    background: var(--secondary-color);
+    color: var(--primary-color);
+}
+
 #message-input {
     width: 100%;
     height: 50px;