diff --git a/src/app/demo/view/menusdemo.component.html b/src/app/demo/view/menusdemo.component.html
index 518ecb6..4781cf8 100755
--- a/src/app/demo/view/menusdemo.component.html
+++ b/src/app/demo/view/menusdemo.component.html
@@ -19,22 +19,28 @@
             <p-breadcrumb [model]="breadcrumbItems" [home]="{icon: 'pi pi-home'}"></p-breadcrumb>
         </div>
     </div>
+    
+    <div class="col-12">
+        <div class="card flex flex-wrap">
+            <div class="col-12 md:col-6 justify-content-center">
+                <div class="card-w-title">
+                    <h5>Steps</h5>
+                    <p>Steps and TabMenu are integrated with the same child routes.</p>
+                    <p-steps [model]="routeItems" [readonly]="false"></p-steps>
+                </div>
+            </div>
 
-    <div class="col-12 md:col-6">
-        <div class="card card-w-title">
-            <h5>Steps</h5>
-            <p>Steps and TabMenu are integrated with the same child routes.</p>
-            <p-steps [model]="routeItems" [readonly]="false"></p-steps>
-            <router-outlet></router-outlet>
-        </div>
-    </div>
-
-    <div class="col-12 md:col-6">
-        <div class="card card-w-title">
-            <h5>TabMenu</h5>
-            <p>Steps and TabMenu are integrated with the same child routes.</p>
-            <p-tabMenu [model]="routeItems"></p-tabMenu>
-            <router-outlet></router-outlet>
+            <div class="col-12 md:col-6 mt-5 sm:mt-0">
+                <div class="card-w-title">
+                    <h5>TabMenu</h5>
+                    <p>Steps and TabMenu are integrated with the same child routes.</p>
+                    <p-tabMenu [model]="routeItems"></p-tabMenu>
+                </div>
+            </div>
+            
+            <div class="col-12 md:col-4 mx-auto">
+                <router-outlet></router-outlet>
+            </div>
         </div>
     </div>