diff --git a/docs/_sass/about.scss b/docs/_sass/about.scss
index 26c02bf6..19312a37 100644
--- a/docs/_sass/about.scss
+++ b/docs/_sass/about.scss
@@ -79,7 +79,7 @@ img {
   border-radius: 0px;
 }
 
-@media only screen and (max-width: 768px) {
+@media only screen and (max-width: 990px) {
   .whyGetnighthawk {
     flex-wrap: wrap;
     padding: 50px;
@@ -87,15 +87,22 @@ img {
   }
   .whyGetnighthawk .text2 {
     padding: 30px;
-    text-align: left;
+    text-align: center;
   }
+
+  .about-section_content{
+    margin-top: 60px;
+  }
+
+  .about-section_text{
+    text-align: center;
+  }
+
   .nighthawk-meshery-fig {
     flex-wrap: wrap;
     padding: 0px;
   }
-  .hero-section {
-    margin: 100px;
-  }
+
   .figbox {
     width: 100%;
     padding: 30px;
@@ -106,3 +113,9 @@ img {
     margin: 0;
   }
 }
+
+@media only screen and (max-width: 768px) {
+  .hero-section {
+    margin: 100px;
+  }
+}
diff --git a/docs/pages/about.html b/docs/pages/about.html
index f49fedf3..ef3525ab 100644
--- a/docs/pages/about.html
+++ b/docs/pages/about.html
@@ -86,12 +86,12 @@
         class="hero-section-smp"
       />
     </figure>
-    <article class="hero-section_content">
+    <article class="hero-section_content about-section_content">
       <div>
         <h3 class="hero-section_bold">What is Nighthawk?</h3>
       </div>
       <div class="-text">
-        <p class="text">
+        <p class="text about-section_text">
           Nighthawk is growing in popularity, but the core project only builds
           to one architecture / one Docker image. Recently, Nighthawk is being
           improved so that it can be horizontally scalable - such that multiple