From d5ee39de21797190d7daf0d1c60fe377b7ee4e48 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Sat, 12 Apr 2025 18:27:23 -0700
Subject: [PATCH] fix: katex display overflow issue

---
 src/app.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/src/app.css b/src/app.css
index 250a29283..d0bd50ace 100644
--- a/src/app.css
+++ b/src/app.css
@@ -218,6 +218,28 @@ input[type='number'] {
 	-moz-appearance: textfield; /* Firefox */
 }
 
+.katex-display {
+	@apply overflow-y-hidden overflow-x-auto max-w-full;
+}
+
+.katex-display::-webkit-scrollbar {
+	height: 0.4rem;
+	width: 0.4rem;
+}
+
+.katex-display:active::-webkit-scrollbar-thumb,
+.katex-display:focus::-webkit-scrollbar-thumb,
+.katex-display:hover::-webkit-scrollbar-thumb {
+	visibility: visible;
+}
+.katex-display::-webkit-scrollbar-thumb {
+	visibility: hidden;
+}
+
+.katex-display::-webkit-scrollbar-corner {
+	display: none;
+}
+
 .cm-editor {
 	height: 100%;
 	width: 100%;