diff --git a/client/packages/lowcoder/src/comps/comps/responsiveLayout/responsiveLayout.tsx b/client/packages/lowcoder/src/comps/comps/responsiveLayout/responsiveLayout.tsx
index 53b06ede3..d0519a21a 100644
--- a/client/packages/lowcoder/src/comps/comps/responsiveLayout/responsiveLayout.tsx
+++ b/client/packages/lowcoder/src/comps/comps/responsiveLayout/responsiveLayout.tsx
@@ -48,9 +48,10 @@ const ColWrapper = styled(Col)<{
   $minWidth?: string,
   $matchColumnsHeight: boolean,
 }>`
-  min-width: ${(props) => props.$minWidth};
   display: flex;
   flex-direction: column;
+  flex-basis: ${(props) => props.$minWidth};
+  max-width: ${(props) => props.$minWidth};
 
   > div {
     height: ${(props) => props.$matchColumnsHeight ? '100%' : 'auto'};
@@ -65,7 +66,7 @@ const childrenMap = {
   }),
   autoHeight: AutoHeightControl,
   rowBreak: withDefault(BoolControl, false),
-  matchColumnsHeight: withDefault(BoolControl, false),
+  matchColumnsHeight: withDefault(BoolControl, true),
   rowStyle: withDefault(styleControl(ResponsiveLayoutRowStyle), {}),
   columnStyle: withDefault(styleControl(ResponsiveLayoutColStyle), {}),
   columnPerRowLG: withDefault(NumberControl, 4),