From 099f5c116316ae3d3be90cb7753de5f037617c9b Mon Sep 17 00:00:00 2001
From: tegaki <drawydraws@protonmail.com>
Date: Sun, 3 Nov 2024 22:21:30 +0100
Subject: [PATCH] don't mix className/TW with mui styled emotion, use sx prop

---
 src/app/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4f0eccf..788f4a5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -107,7 +107,7 @@ export default function Home() {
                 </Typography>
               </li>
             </ul>
-            <Typography variant="body2" className="mb-8">
+            <Typography variant="body2" sx={{ marginBottom: 4 }}>
               The webapp also assumes that thumbnails for every image are inside
               a folder called <code>thumbnails/</code> directly inside the
               prefixed folder (the one you enter below), it also assumes that