From e869f12ab45769104c11bd049c5599d070c7a8de Mon Sep 17 00:00:00 2001
From: Cohan Carpentier <cohan.carpentier@gmail.com>
Date: Mon, 8 Apr 2024 16:18:20 -0400
Subject: [PATCH] chore: gutter scroll

---
 package.json       |  2 +-
 styles/globals.css | 17 ++++++++++++++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index d23bcf1..8610e56 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@risc0/ui",
-  "version": "0.0.46",
+  "version": "0.0.47",
   "sideEffects": false,
   "type": "module",
   "scripts": {
diff --git a/styles/globals.css b/styles/globals.css
index 1d71f92..0567b8a 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -90,6 +90,21 @@
   }
 }
 
+html {
+  /* prevent layout shifts when the scrollbar appears */
+  scrollbar-gutter: stable;
+}
+
+body[style] {
+  margin: 0 auto !important;
+}
+
+body[data-scroll-locked] {
+  overflow: hidden;
+  position: fixed;
+  width: 100%;
+}
+
 /* Custom rules */
 iframe {
   /* for google login button having a white background otherwise */
@@ -98,7 +113,7 @@ iframe {
 
 .lucide {
   /* bigger stroke for ALL icons */
-  stroke-width: 2.25px;
+  stroke-width: 1.75px !important;
 }
 
 /* NProgress (top progress bar on page load) */