From fef5c4807766ec9c7b5037fc671a4c12a678e104 Mon Sep 17 00:00:00 2001
From: Herculino Trotta <hello@herculino.com>
Date: Sat, 12 Sep 2026 17:33:16 -0300
Subject: [PATCH] fix(ui): reserve scrollbar space to prevent layout shift

---
 frontend/src/styles/tailwind.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/frontend/src/styles/tailwind.css b/frontend/src/styles/tailwind.css
index 66de927e..38fa9c6f 100644
--- a/frontend/src/styles/tailwind.css
+++ b/frontend/src/styles/tailwind.css
@@ -89,6 +89,16 @@
 }
 
 
+@layer base {
+    /* Always reserve space for the scrollbar so content doesn't shift when it appears.
+       `html:root` outranks daisyUI's `:root` rule, which resets the gutter to `unset`
+       unless a modal/drawer is open. */
+    html:root {
+        scrollbar-gutter: stable;
+    }
+}
+
+
 @layer utilities {
     .textarea {
         min-height: unset;