diff --git a/src/components/post-react-life-cycles-and-timings/a.tsx b/src/components/post-react-life-cycles-and-timings/a.tsx
index 32f7986..c0c0163 100644
--- a/src/components/post-react-life-cycles-and-timings/a.tsx
+++ b/src/components/post-react-life-cycles-and-timings/a.tsx
@@ -88,7 +88,7 @@ export function A() {
         style={{
           borderTop: "1px solid var(--sl-color-gray-5)",
           padding: "1rem",
-          minHeight: "10rem",
+          minHeight: "4rem",
         }}
       >
         {state ? <Component /> : null}
diff --git a/src/components/post-react-life-cycles-and-timings/frame.module.css b/src/components/post-react-life-cycles-and-timings/frame.module.css
index e013714..035e609 100644
--- a/src/components/post-react-life-cycles-and-timings/frame.module.css
+++ b/src/components/post-react-life-cycles-and-timings/frame.module.css
@@ -17,6 +17,7 @@
 .console[class] {
   margin-top: 0;
   background: var(--sl-color-gray-7);
+  min-height: 15rem;
 }
 @media screen and (min-width: 591px) {
   .console[class] {