diff --git a/public/css/landing.css b/public/css/landing.css
index 0f7c32fa..f46d8b1d 100755
--- a/public/css/landing.css
+++ b/public/css/landing.css
@@ -1463,19 +1463,29 @@ textarea.form-input {
     transform: translateY(-50%);
     background: none;
     border: none;
-    color: #6a6f82;
-    font-size: 18px;
+    color: #000000;
+    font-size: 14px;
     cursor: pointer;
-    padding: 6px;
-    border-radius: 6px;
-    opacity: 0.6;
-    transition: color 0.2s, background 0.2s, opacity 0.2s;
+    padding: 6px 8px;
+    border-radius: 4px;
+    transition:
+        color 0.2s ease,
+        background 0.2s ease;
 }
 
 .room-gen-btn:hover {
-    color: #fff;
-    background: #376df9;
-    opacity: 1;
+    color: #4678f9;
+    background: rgba(70, 120, 249, 0.1);
+}
+
+.room-gen-btn:focus-visible {
+    outline: none;
+    color: #4678f9;
+    background: rgba(70, 120, 249, 0.1);
+}
+
+.room-gen-btn:active {
+    color: #376df9;
 }
 
 @media (max-width: 640px) {