From be160cf29b4677d931dccd334c2589672a931eb8 Mon Sep 17 00:00:00 2001
From: Jeremy Kahn <jeremyckahn@gmail.com>
Date: Wed, 17 Aug 2022 09:32:18 -0500
Subject: [PATCH] refactor: use sx prop for styling instead of tailwind

---
 src/pages/Home/Home.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx
index e2e7b59..0312467 100644
--- a/src/pages/Home/Home.tsx
+++ b/src/pages/Home/Home.tsx
@@ -44,11 +44,15 @@ export function Home() {
               size="medium"
             />
           </FormControl>
-          <div className="block pt-4">
-            <Button variant="contained" type="submit">
-              Go to public room
-            </Button>
-          </div>
+          <Button
+            variant="contained"
+            type="submit"
+            sx={{
+              marginTop: 2,
+            }}
+          >
+            Go to public room
+          </Button>
         </form>
       </main>
     </div>