From c322bc7b047a2e7763809d8ff165a1d72025d1f2 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Fri, 10 Jan 2025 14:53:51 +0530
Subject: [PATCH] Scope

---
 .../components/layouts/centered-paper.tsx     | 19 +++----------------
 web/packages/accounts/pages/verify.tsx        |  7 +++++--
 2 files changed, 8 insertions(+), 18 deletions(-)

diff --git a/web/packages/accounts/components/layouts/centered-paper.tsx b/web/packages/accounts/components/layouts/centered-paper.tsx
index bf1828e3cf..5130102e2f 100644
--- a/web/packages/accounts/components/layouts/centered-paper.tsx
+++ b/web/packages/accounts/components/layouts/centered-paper.tsx
@@ -1,13 +1,6 @@
 import { CenteredFill } from "@/base/components/containers";
 import { AppNavbarNormalFlow } from "@/base/components/Navbar";
-import { isSxArray } from "@/base/components/utils/sx";
-import {
-    Paper,
-    Stack,
-    styled,
-    Typography,
-    type TypographyProps,
-} from "@mui/material";
+import { Paper, Stack, styled, Typography } from "@mui/material";
 
 /**
  * An ad-hoc component that abstracts the layout common to many of the pages
@@ -43,16 +36,10 @@ const AccountsPagePaper = styled(Paper)(({ theme }) => ({
     gap: theme.spacing(4),
 }));
 
-export const AccountsPageTitle: React.FC<TypographyProps> = ({
-    sx,
+export const AccountsPageTitle: React.FC<React.PropsWithChildren> = ({
     children,
-    ...rest
 }) => (
-    <Typography
-        variant="h3"
-        sx={[{ flex: 1 }, ...(sx ? (isSxArray(sx) ? sx : [sx]) : [])]}
-        {...rest}
-    >
+    <Typography variant="h3" sx={{ flex: 1 }}>
         {children}
     </Typography>
 );
diff --git a/web/packages/accounts/pages/verify.tsx b/web/packages/accounts/pages/verify.tsx
index b401ac00a6..31a8fcd852 100644
--- a/web/packages/accounts/pages/verify.tsx
+++ b/web/packages/accounts/pages/verify.tsx
@@ -214,14 +214,17 @@ const Page: React.FC<PageProps> = ({ appContext }) => {
 
     return (
         <AccountsPageContents>
-            <AccountsPageTitle sx={{ wordBreak: "break-word" }}>
+            <AccountsPageTitle>
                 <Trans
                     i18nKey="email_sent"
                     components={{
                         a: (
                             <Box
                                 component={"span"}
-                                sx={{ color: "text.muted" }}
+                                sx={{
+                                    color: "text.muted",
+                                    wordBreak: "break-word",
+                                }}
                             />
                         ),
                     }}