diff --git a/docs/_sass/layout.scss b/docs/_sass/layout.scss
index 986526c1..d9476144 100644
--- a/docs/_sass/layout.scss
+++ b/docs/_sass/layout.scss
@@ -474,6 +474,18 @@ hr {
   padding: 0rem 0;
 }
 
+@media only screen and (max-width: 1300px) {
+  .nighthawk-img-container {
+    padding-top: 5rem;
+  }
+}
+
+@media only screen and (max-width: 1070px) {
+  .nighthawk-img-container {
+    padding-top: 10rem;
+  }
+}
+
 @media only screen and (max-width: 992px) {
   .custom-desc-div {
     display: flex;
@@ -496,6 +508,9 @@ hr {
     padding-right: 0.5rem !important;
     margin-bottom: 6rem !important;
   }
+  .nighthawk-img-container {
+    padding-top: 3rem;
+  }
 }
 
 @media only screen and (max-width: 768px) {
diff --git a/docs/index.html b/docs/index.html
index 15ee22f7..ad56f937 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -69,10 +69,8 @@
 
   <div class="nighthawk-description-div">
       <div class="custom-desc-div">
-        <div class="custom-desc-div">
-          <div class="custom-desc-div">
-          <img src="/assets/images/screenshots/meshery-nighthawk-performance-chart.png" />              
-          </div>
+          <div class="nighthawk-img-container">
+            <img src="/assets/images/screenshots/meshery-nighthawk-performance-chart.png" />              
           </div>
           <div class="description-div">
               <div class="nighthawk-desc-text head-h1">