diff --git a/css/main.css b/css/main.css
index a73d34e0..6c658546 100644
--- a/css/main.css
+++ b/css/main.css
@@ -341,6 +341,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
     overflow-wrap: anywhere;
     border-top: none;
     border-radius: 0 0 0 8px;
+    visibility: visible;
 }
 
 .chat-parent {
@@ -350,6 +351,18 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
     margin-bottom: var(--input-delta) !important;
 }
 
+/* On desktop, automatically hide the chat scroll bar
+ * when not hovered. */
+@media (hover: hover) and (pointer: fine) {
+    .chat-parent {
+        visibility: hidden;
+    }
+
+    .chat-parent:focus, .chat-parent:hover {
+        visibility: visible;
+    }
+}
+
 .old-ui .chat-parent {
     height: calc(100dvh - 192px - var(--header-height) - var(--input-delta));
     margin-bottom: var(--input-delta) !important;