From 9f6e0ed5e5a4f4aadb443813209fe6bd39dec7f8 Mon Sep 17 00:00:00 2001
From: Cooper Ransom <cooperransom08@outlook.com>
Date: Mon, 22 Apr 2024 19:38:49 -0400
Subject: [PATCH] Add back scrollbar to homepage

---
 src/assets/css/index.css |  2 --
 src/pages/Discover.tsx   | 10 ++++++++++
 src/pages/HomePage.tsx   |  5 +++++
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 407b2fe2..092499bc 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -8,8 +8,6 @@ body {
   min-height: 100vh;
   min-height: 100dvh;
   font-size: 1.0248em;
-  scrollbar-width: none; /* Hide scrollbar for Firefox */
-  -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
 }
 
 html[data-full],
diff --git a/src/pages/Discover.tsx b/src/pages/Discover.tsx
index 120842b0..1bea904d 100644
--- a/src/pages/Discover.tsx
+++ b/src/pages/Discover.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useRef, useState } from "react";
+import { Helmet } from "react-helmet-async";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 
@@ -439,6 +440,15 @@ export function Discover() {
   return (
     <HomeLayout showBg={showBg}>
       <div className="mb-16 sm:mb-2">
+        <Helmet>
+          {/* Hide scrollbar lmao */}
+          <style type="text/css">{`
+            html, body {
+              scrollbar-width: none;
+              -ms-overflow-style: none;
+            }
+          `}</style>
+        </Helmet>
         <PageTitle subpage k="global.pages.discover" />
         <ThinContainer>
           <div className="mt-44 space-y-16 text-center">
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index c51cbf32..946c0888 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -42,6 +42,11 @@ export function HomePage() {
     <HomeLayout showBg={showBg}>
       <div className="mb-16 sm:mb-24">
         <Helmet>
+          <style type="text/css">{`
+            html, body {
+              scrollbar-gutter: stable;
+            }
+          `}</style>
           <title>{t("global.name")}</title>
         </Helmet>
         <HeroPart searchParams={searchParams} setIsSticky={setShowBg} />