diff --git a/src/components/ui/CustomToast.tsx b/src/components/ui/CustomToast.tsx
index 6788cc2..1ad6822 100644
--- a/src/components/ui/CustomToast.tsx
+++ b/src/components/ui/CustomToast.tsx
@@ -27,9 +27,9 @@ const CustomToast: FC<{ children: ReactNode }> = ({ children }) => {
           const alertType = toastToClassName(t.type);
           return (
             <div
-              className={`alert ${alertType} w-11/12 flex-row items-center shadow-lg animate-in fade-in duration-200 lg:w-4/12`}
+              className={`alert ${alertType} flex w-11/12 items-center justify-between shadow-lg animate-in fade-in duration-200 lg:w-4/12`}
             >
-              <p>{resolveValue(t.message, t)}</p>
+              <p className="w-full">{resolveValue(t.message, t)}</p>
               {t.type !== 'loading' && (
                 <div>
                   <button
diff --git a/vercel.json b/vercel.json
index 05bb8c2..d1002a2 100644
--- a/vercel.json
+++ b/vercel.json
@@ -1,3 +1,4 @@
 {
-  "buildCommand": "npx prisma generate && npx prisma migrate deploy && next build"
+  "buildCommand": "npx prisma generate && npx prisma migrate deploy && next build",
+  "installCommand": "npm install --legacy-peer-deps"
 }