diff --git a/client/packages/lowcoder/src/comps/comps/tabs/tabbedContainerComp.tsx b/client/packages/lowcoder/src/comps/comps/tabs/tabbedContainerComp.tsx
index a4a9ac6e3..b9dc710f7 100644
--- a/client/packages/lowcoder/src/comps/comps/tabs/tabbedContainerComp.tsx
+++ b/client/packages/lowcoder/src/comps/comps/tabs/tabbedContainerComp.tsx
@@ -164,7 +164,7 @@ const TabbedContainer = (props: TabbedContainerProps) => {
   // log.debug("TabbedContainer. props: ", props);
 
   return (
-    <div style={{padding: props.style.margin}}>
+    <div style={{padding: props.style.margin, height: '100%'}}>
     <StyledTabs
       activeKey={activeKey}
       $style={style}
diff --git a/client/packages/lowcoder/src/comps/comps/triContainerComp/triContainer.tsx b/client/packages/lowcoder/src/comps/comps/triContainerComp/triContainer.tsx
index 9530c6f61..f9c0e23a4 100644
--- a/client/packages/lowcoder/src/comps/comps/triContainerComp/triContainer.tsx
+++ b/client/packages/lowcoder/src/comps/comps/triContainerComp/triContainer.tsx
@@ -78,7 +78,7 @@ export function TriContainer(props: TriContainerProps) {
   const paddingWidth = isMobile ? 7 : 19;
 
   return (
-    <div style={{padding: style.margin}}>
+    <div style={{padding: style.margin, height: '100%'}}>
     <Wrapper $style={style}>
       {showHeader && (
         <BackgroundColorContext.Provider value={container.style.headerBackground}>