From c161d6272a2ecf50fb9feaf7d3b12fb8eb93a246 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Mon, 9 Sep 2024 19:24:33 +0530
Subject: [PATCH] Remove unnecessary wrapper

---
 web/apps/photos/src/pages/gallery.tsx | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/web/apps/photos/src/pages/gallery.tsx b/web/apps/photos/src/pages/gallery.tsx
index 10521db484..f1feef4b8d 100644
--- a/web/apps/photos/src/pages/gallery.tsx
+++ b/web/apps/photos/src/pages/gallery.tsx
@@ -45,7 +45,7 @@ import type { User } from "@ente/shared/user/types";
 import ArrowBack from "@mui/icons-material/ArrowBack";
 import FileUploadOutlinedIcon from "@mui/icons-material/FileUploadOutlined";
 import MenuIcon from "@mui/icons-material/Menu";
-import { Button, IconButton, Typography, styled } from "@mui/material";
+import { Box, Button, IconButton, Typography, styled } from "@mui/material";
 import AuthenticateUserModal from "components/AuthenticateUserModal";
 import Collections from "components/Collections";
 import { CollectionInfo } from "components/Collections/CollectionInfo";
@@ -1308,7 +1308,7 @@ export const UploadButton: React.FC<UploadButtonProps> = ({ onClick }) => {
     const isMobileWidth = useIsMobileWidth();
 
     return (
-        <UploadButton_ sx={{ cursor: disabled ? "not-allowed" : "pointer" }}>
+        <Box sx={{ cursor: disabled ? "not-allowed" : "pointer" }}>
             {isMobileWidth ? (
                 <IconButton onClick={onClick} disabled={disabled}>
                     {<FileUploadOutlinedIcon />}
@@ -1323,16 +1323,10 @@ export const UploadButton: React.FC<UploadButtonProps> = ({ onClick }) => {
                     {t("upload")}
                 </Button>
             )}
-        </UploadButton_>
+        </Box>
     );
 };
 
-const UploadButton_ = styled("div")`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-`;
-
 interface HiddenSectionNavbarContentsProps {
     onBack: () => void;
 }