From 187b8f7b23395dc80be11fa22edd0d9bb27f7473 Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Wed, 13 Jul 2022 22:04:44 -0700
Subject: [PATCH] fix horizontal scroll on gallery page

---
 gatsby-browser.js                | 1 +
 gatsby-ssr.js                    | 1 +
 src/components/MasonryGallery.js | 2 +-
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/gatsby-browser.js b/gatsby-browser.js
index c9a1cc8..595c491 100644
--- a/gatsby-browser.js
+++ b/gatsby-browser.js
@@ -35,6 +35,7 @@ export const wrapRootElement = ({ element }) => (
         background: "unset",
         color: "unset",
       }}
+      UNSAFE_className="overflow-x-hidden"
       colorScheme="dark"
       scale="medium"
       theme={darkTheme}
diff --git a/gatsby-ssr.js b/gatsby-ssr.js
index c126f6a..6261a8e 100644
--- a/gatsby-ssr.js
+++ b/gatsby-ssr.js
@@ -10,6 +10,7 @@ export const wrapRootElement = ({ element }) => (
         background: "unset",
         color: "unset",
       }}
+      UNSAFE_className="overflow-x-hidden"
       colorScheme="dark"
       scale="medium"
       theme={darkTheme}
diff --git a/src/components/MasonryGallery.js b/src/components/MasonryGallery.js
index b16c29f..40bcbab 100644
--- a/src/components/MasonryGallery.js
+++ b/src/components/MasonryGallery.js
@@ -75,7 +75,7 @@ const MasonryGallery = ({
   return (
     <>
       <div
-        className="w-full flex items-center flex-wrap"
+        className="flex items-center flex-wrap"
         style={{
           position: "relative",
         }}