diff --git a/_includes/getting-started.html b/_includes/getting-started.html
index 1c910aa4df..c033197f6f 100644
--- a/_includes/getting-started.html
+++ b/_includes/getting-started.html
@@ -9,20 +9,20 @@ <h2 style>with Meshery</h2>
     <div class="post-content row" itemprop="articleBody">
       
       <div style="display: inline-flex; line-height: 60px;">
-        <h1 class="step-number" style="margin-right: 0.5rem">01</h1>
-        <h2 class="step-heading">Use Meshery Playground</h2>
+        <h1 class="step-number" style="margin-right: 0.3rem">01</h1>
+        <h2 class="step-heading special-step">Use Meshery Playground</h2>
       </div>
-      <p class="grey-bg-text" style="font-size: 1.15rem;">
+      <p class="grey-bg-text" style="font-size: 1.15rem; margin-top: 5px;">
         The fastest way to put your hands on Meshery is in its playground. No installation required. Just click and go! <div class="button-para"><a class="highlight" href="https://play.meshery.io">Use Meshery Playground</a></div>
       </p>
       <hr />
       <h2 class="step-heading" style="color: #222;justify-content: center;">OR</h2>
       <hr />
       <div style="display: inline-flex; line-height: 60px;">
-        <h1 class="step-number" style="margin-right: 0.5rem">01</h1>
+        <h1 class="step-number" style="margin-right: 0.3rem">01</h1>
         <h2 class="step-heading">Choose Your Platform and Install</h2>
       </div>
-      <p class="grey-bg-text" style="font-size: 1.15rem;">
+      <p class="grey-bg-text" style="font-size: 1.15rem; margin-top: 5px;">
         Choose a platform and see how easy it is to start managing cloud native infrastructure with a single command.
       </p>
       <div class="platformIcon">
diff --git a/_sass/layout.scss b/_sass/layout.scss
index fd04a17ed5..9cbab9ac63 100644
--- a/_sass/layout.scss
+++ b/_sass/layout.scss
@@ -466,11 +466,13 @@ hr {
     border-radius: 3px;
 }
 
-.getting-started-heading {
+.container > .getting-started-heading {
+    text-align: center;
+    white-space: nowrap;
+    font-size: clamp(40px, 7vw, 75px);
     font-weight: bold;
-    font-size: 75px;
-    text-align: left;
-    margin-bottom:0px;
+    margin-bottom: 0;
+    letter-spacing: 1px;
 }
 
 .overview-heading {
@@ -492,6 +494,10 @@ hr {
 .step-heading {
     margin: 0;
     font-weight: bold;
+}    
+
+.special-step {
+    white-space: nowrap;
 }
 
 // responsive getting started