refactor: use sx prop for styling instead of tailwind

2022-08-17 09:32:18 -05:00 · 2022-08-17 09:32:18 -05:00 · be160cf29b
commit be160cf29b
parent 126456eced
1 changed files with 9 additions and 5 deletions
--- 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>