From 395f3bd8c52e887fc0d29992c9bb209de5e10769 Mon Sep 17 00:00:00 2001
From: Jeeiii <giacomo.corrias7@gmail.com>
Date: Mon, 11 Dec 2023 23:54:44 +0100
Subject: [PATCH] fix: hidden overflowX and min/max width for images

---
 apps/website/src/app/page.tsx     | 6 ++++--
 apps/website/src/styles/styles.ts | 3 ++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/website/src/app/page.tsx b/apps/website/src/app/page.tsx
index a6eebe560..fa10c5121 100644
--- a/apps/website/src/app/page.tsx
+++ b/apps/website/src/app/page.tsx
@@ -27,7 +27,8 @@ export default function Home() {
                         alt="Midnight whispers image"
                         src="https://semaphore.cedoor.dev/midnight-whispers.jpg"
                         objectFit="cover"
-                        w="full"
+                        minWidth="100%"
+                        maxWidth="100%"
                         h="full"
                     />
                 </Box>
@@ -202,7 +203,8 @@ export default function Home() {
                         alt="Fluttering shadow image"
                         src="https://semaphore.cedoor.dev/shadow-flutter.jpg"
                         objectFit="cover"
-                        w="full"
+                        minWidth="100%"
+                        maxWidth="100%"
                         h="full"
                     />
                 </Box>
diff --git a/apps/website/src/styles/styles.ts b/apps/website/src/styles/styles.ts
index b1e5bc1eb..c64b832e4 100644
--- a/apps/website/src/styles/styles.ts
+++ b/apps/website/src/styles/styles.ts
@@ -11,7 +11,8 @@ const styles: Styles = {
             color: "white"
         },
         "body, #__next": {
-            minHeight: "100vh"
+            minHeight: "100vh",
+            overflowX: "hidden"
         },
         "#__next": {
             display: "flex",