From fb3341ee56427faad81f74ea523dd3ff7fe09efa Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Fri, 27 Oct 2023 10:34:53 +0800
Subject: [PATCH] Restire scrollbar styling for Firefox

---
 Food-Recipe/styles.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/Food-Recipe/styles.css b/Food-Recipe/styles.css
index 01147a3..aa81819 100644
--- a/Food-Recipe/styles.css
+++ b/Food-Recipe/styles.css
@@ -267,6 +267,9 @@ button:hover {
   width: 95%;
   max-height: 90%;
   overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: rgb(177, 177, 177) transparent;
+
   border-radius: 1em;
   padding: 1em 2em 2em 2em;
   border: 0.2em solid var(--clr-black);