deploy first

app/globals.css

@@ -52,6 +52,28 @@
 
 }
 
+/* Thin horizontal scrollbar utility */
+.scrollbar-thin-x {
+  scrollbar-width: thin; /* Firefox */
+  scrollbar-color: #c1c1c1 transparent;
+}
+.scrollbar-thin-x::-webkit-scrollbar {
+  height: 4px; /* Horizontal scrollbar thickness */
+}
+.scrollbar-thin-x::-webkit-scrollbar-track {
+  background: transparent;
+}
+.scrollbar-thin-x::-webkit-scrollbar-thumb {
+  background-color: #c1c1c1;
+  border-radius: 9999px;
+}
+
+/* Render horizontal scrollbar outside the element box (visually below) */
+.scrollbar-outside-x {
+  padding-bottom: 8px;   /* space for scrollbar */
+  margin-bottom: -8px;   /* pull content height back */
+}
+
 .milkdown .ProseMirror {
   position: relative; /* 부모 요소에 상대 위치를 설정 */
   padding: 0px 0px 0px 80px !important;