diff --git a/client/src/components/design-elements/ResolutionCard.tsx b/client/src/components/design-elements/ResolutionCard.tsx
index f7644e501..1c5227352 100644
--- a/client/src/components/design-elements/ResolutionCard.tsx
+++ b/client/src/components/design-elements/ResolutionCard.tsx
@@ -27,7 +27,7 @@ export const ResolutionCard = ({
     : theme.palette.error.lowContrast;
 
   return (
-    <BaseBox sx={{ maxWidth: 560 }}>
+    <BaseBox sx={{ width: "100%", maxWidth: 420 }}>
       <Box sx={{ bgcolor: bg, p: 6 }}>
         <Typography variant="h6" color="textPrimary">
           Resolution