From ae71346a2c58be649f868690d89feee5088a3fe8 Mon Sep 17 00:00:00 2001
From: Anya Wallace <anya.wallace@alleninstitute.org>
Date: Tue, 21 May 2024 12:30:59 -0700
Subject: [PATCH] Update scroll style

---
 .../core/components/QuerySidebar/QuerySidebar.module.css | 2 +-
 packages/core/styles/global.css                          | 1 +
 packages/web/src/components/Home/Home.module.css         | 9 +++++++++
 packages/web/src/components/Home/index.tsx               | 4 ++--
 packages/web/src/components/Layout/Layout.module.css     | 1 -
 5 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/packages/core/components/QuerySidebar/QuerySidebar.module.css b/packages/core/components/QuerySidebar/QuerySidebar.module.css
index 5d3656adf..ea2cb444f 100644
--- a/packages/core/components/QuerySidebar/QuerySidebar.module.css
+++ b/packages/core/components/QuerySidebar/QuerySidebar.module.css
@@ -56,7 +56,7 @@
 
     background-color: var(--secondary-sidebar-color);
     color: var(--primary-sidebar-text-color);
-    padding: 0.5em;
+    padding: 0.0.5em 0 0.5em 0.5em;
 }
 
 .minimized-container {
diff --git a/packages/core/styles/global.css b/packages/core/styles/global.css
index fcaa643f5..f9d51b7d3 100644
--- a/packages/core/styles/global.css
+++ b/packages/core/styles/global.css
@@ -21,6 +21,7 @@ main {
     padding: 0;
     border: 0;
     overflow: hidden;
+    scrollbar-color:  var(--borders-light-grey) var(--accent-dark)
 }
 
 body {
diff --git a/packages/web/src/components/Home/Home.module.css b/packages/web/src/components/Home/Home.module.css
index fe5ebdbbf..95dc42a73 100644
--- a/packages/web/src/components/Home/Home.module.css
+++ b/packages/web/src/components/Home/Home.module.css
@@ -6,6 +6,15 @@
     position: relative;
 }
 
+.root {
+    margin: 0;
+    border: 0;
+    width: 100%;
+    height: 100%;
+    overflow-y: auto;
+    justify-content: center;
+}
+
 .content {
     padding: calc(4*var(--margin));
     max-width: 1200px;
diff --git a/packages/web/src/components/Home/index.tsx b/packages/web/src/components/Home/index.tsx
index b6571c8f7..ca6934292 100644
--- a/packages/web/src/components/Home/index.tsx
+++ b/packages/web/src/components/Home/index.tsx
@@ -51,7 +51,7 @@ export default function Home() {
         },
     ];
     return (
-        <>
+        <div className={styles.root}>
             <Banner />
             <div className={styles.content}>
                 <div className={styles.header}>
@@ -74,6 +74,6 @@ export default function Home() {
                     </div>
                 </div>
             </div>
-        </>
+        </div>
     );
 }
diff --git a/packages/web/src/components/Layout/Layout.module.css b/packages/web/src/components/Layout/Layout.module.css
index 7b7d05ef0..51619ba61 100644
--- a/packages/web/src/components/Layout/Layout.module.css
+++ b/packages/web/src/components/Layout/Layout.module.css
@@ -5,6 +5,5 @@
   border: 0;
   width: 100%;
   height: 100%;
-  overflow-y: auto;
   justify-content: center;
 }