diff --git a/src/components/ui/CustomToast.tsx b/src/components/ui/CustomToast.tsx
index 86d3068..3f29d84 100644
--- a/src/components/ui/CustomToast.tsx
+++ b/src/components/ui/CustomToast.tsx
@@ -32,7 +32,7 @@ const CustomToast: FC<{ children: ReactNode }> = ({ children }) => {
           const alertType = toastToClassName(t.type);
           return (
             <div
-              className={`alert ${alertType} flex w-full items-start justify-between shadow-lg animate-in fade-in duration-200 lg:w-3/12`}
+              className={`alert ${alertType} flex w-full items-start justify-between shadow-lg animate-in fade-in duration-200 lg:w-4/12`}
             >
               <p className="w-full text-left">{resolveValue(t.message, t)}</p>
               {t.type !== 'loading' && (
diff --git a/src/pages/users/[id].tsx b/src/pages/users/[id].tsx
index 60f188a..02d713b 100644
--- a/src/pages/users/[id].tsx
+++ b/src/pages/users/[id].tsx
@@ -36,7 +36,7 @@ const UserInfoPage: FC<UserInfoPageProps> = ({ user }) => {
         <meta name="description" content="User information" />
       </Head>
       <>
-        <main className="h-full mb-12 mt-10 flex w-full items-center justify-center">
+        <main className="mb-12 mt-10 flex w-full items-center justify-center">
           <div className="h-full w-11/12 space-y-3 xl:w-9/12 2xl:w-8/12">
             <UserHeader
               user={user}