diff --git a/client/src/Components/Fallback/index.jsx b/client/src/Components/Fallback/index.jsx
index 864c92441..43f6bec30 100644
--- a/client/src/Components/Fallback/index.jsx
+++ b/client/src/Components/Fallback/index.jsx
@@ -89,9 +89,9 @@ const Fallback = ({
 					borderStyle: "dashed",
 					height: "60vh",
 					width: "45%",
-					minWidth: "400px",
-					maxHeight: "700px",
-					maxWidth: "800px",
+					minWidth: theme.spacing(200),    
+					maxHeight: theme.breakpoints.values.sm,  
+        			maxWidth: theme.breakpoints.values.md,   
 				}}
 			>
 				<Stack