From 83031ac8b95bca4b771cda17fb86ab69ca1d1d17 Mon Sep 17 00:00:00 2001
From: Calli <calli-eve@proton.me>
Date: Fri, 23 Jun 2023 17:49:29 +0300
Subject: [PATCH] wrap login row in a box to make it scale properly

---
 src/app/components/Login/LoginButton.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/components/Login/LoginButton.tsx b/src/app/components/Login/LoginButton.tsx
index f40c03e..37b5b63 100644
--- a/src/app/components/Login/LoginButton.tsx
+++ b/src/app/components/Login/LoginButton.tsx
@@ -1,11 +1,11 @@
-import { Button } from "@mui/material";
+import { Box, Button } from "@mui/material";
 import { useState } from "react";
 import { LoginDialog } from "./LoginDialog";
 
 export const LoginButton = () => {
   const [loginDialogOpen, setLoginDialogOpen] = useState(false);
   return (
-    <>
+    <Box>
       <Button
         style={{ width: "100%" }}
         variant="contained"
@@ -17,6 +17,6 @@ export const LoginButton = () => {
         open={loginDialogOpen}
         closeDialog={() => setLoginDialogOpen(false)}
       />
-    </>
+    </Box>
   );
 };