diff --git a/assets/src/components/activities/adaptive/components/authoring/LayoutEditor.tsx b/assets/src/components/activities/adaptive/components/authoring/LayoutEditor.tsx
index 60a1c24f824..edb7e0d3280 100644
--- a/assets/src/components/activities/adaptive/components/authoring/LayoutEditor.tsx
+++ b/assets/src/components/activities/adaptive/components/authoring/LayoutEditor.tsx
@@ -220,7 +220,10 @@ const LayoutEditor: React.FC<LayoutEditorProps> = (props) => {
         size={size}
         position={position}
         disabled={!!disableDrag}
-        style={{ zIndex: part?.custom?.z || 0 }}
+        style={{
+          zIndex: part?.custom?.z || 0,
+          ...(isResponsive ? { minHeight: part.custom.height || 100 } : {}),
+        }}
         onResizeStart={() => {
           props.onSelect(part.id);
           setDragSize({
@@ -623,7 +626,7 @@ const LayoutEditor: React.FC<LayoutEditorProps> = (props) => {
             .advance-authoring-responsive-layout .responsive-item {
               min-width: 0;
               max-width: 100%;
-              overflow: hidden;
+              overflow: visible;
             }
             .advance-authoring-responsive-layout .responsive-item > * {
               display: block !important;
diff --git a/assets/styles/common/responsive-layout.scss b/assets/styles/common/responsive-layout.scss
index 1e946cb284a..820eb812e06 100644
--- a/assets/styles/common/responsive-layout.scss
+++ b/assets/styles/common/responsive-layout.scss
@@ -276,7 +276,7 @@
 }
 
 .responsive-layout-section .stage-content-wrapper,
-.responsive-layout-section .content {
+.responsive-layout-section .stage-content-wrapper > .content {
   height: auto;
   min-height: 500px;
   width: 100%;
@@ -287,12 +287,12 @@
   box-sizing: border-box;
 }
 
-.responsive-layout-section .content {
+.responsive-layout-section .stage-content-wrapper > .content {
   box-sizing: border-box;
 }
 
 // Delivery stack layout: size to content and tight spacing between parent and child screens
-.responsive-layout-section .content.activity-tree-stack {
+.responsive-layout-section .stage-content-wrapper > .content.activity-tree-stack {
   > * {
     min-height: 0;
   }
@@ -337,7 +337,7 @@ janus-input-number .unitsLabel {
   padding-bottom: 25px;
 }
 .responsive-layout-section .stageContainer,
-.responsive-layout-section .content {
+.responsive-layout-section .stage-content-wrapper > .content {
   width: 100vw;
   max-width: var(--responsive-max-width, 1200px);
   min-width: 350px;
@@ -540,7 +540,7 @@ janus-input-number .unitsLabel {
 
 @media (max-width: 385px) {
   .responsive-layout-section .stageContainer,
-  .responsive-layout-section .content,
+  .responsive-layout-section .stage-content-wrapper > .content,
   .responsive-layout-section .checkContainer {
     min-width: 0;
   }