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",
         }}