diff --git a/apps/web/src/components/pure/workspace-list-modal/styles.ts b/apps/web/src/components/pure/workspace-list-modal/styles.ts
index 98c45d484f..5493b582b0 100644
--- a/apps/web/src/components/pure/workspace-list-modal/styles.ts
+++ b/apps/web/src/components/pure/workspace-list-modal/styles.ts
@@ -62,6 +62,9 @@ export const StyledCreateWorkspaceCard = styled('div')(() => {
         color: 'var(--affine-primary-color)',
       },
     },
+    '@media (max-width: 720px)': {
+      width: '100%',
+    },
   };
 });
 export const StyledCreateWorkspaceCardPillContainer = styled('div')(() => {