From 1584b7d7a88b412cae403885873f10b93aef8710 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D9=85=D9=87=D8=B1=D8=B2=D8=A7=D8=AF=20=D9=82=D8=AF=D8=B1?=
 =?UTF-8?q?=D8=AA=DB=8C?= <m.ghodrati@mhd.mahaksoft.com>
Date: Sun, 10 Aug 2025 16:02:07 +0330
Subject: [PATCH] chore: card responsive

---
 .../authorization/components/AuthenticationCard.tsx   | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/features/authorization/components/AuthenticationCard.tsx b/src/features/authorization/components/AuthenticationCard.tsx
index bde57cd..a4f5e0d 100644
--- a/src/features/authorization/components/AuthenticationCard.tsx
+++ b/src/features/authorization/components/AuthenticationCard.tsx
@@ -1,4 +1,4 @@
-import { Paper } from '@mui/material';
+import { Box, Paper } from '@mui/material';
 import React, { type PropsWithChildren } from 'react';
 
 // Beacuse in the otp verify there is a element outside of the authentication card
@@ -8,8 +8,13 @@ export const AuthenticationCard = ({ children }: PropsWithChildren) => {
       elevation={0}
       sx={{
         borderRadius: 4,
-        p: 6,
-        width: '34.5rem',
+        p: {
+          xs: 4,
+          md: 6,
+        },
+        marginInline: 2,
+        width: (t) => `calc(100% - ${t.spacing(2)})`,
+        maxWidth: '552px',
       }}
     >
       {children}