diff --git a/advanced_dynamic_dashboard/static/description/index.html b/advanced_dynamic_dashboard/static/description/index.html
index 45806dd4c..d55cb8132 100644
--- a/advanced_dynamic_dashboard/static/description/index.html
+++ b/advanced_dynamic_dashboard/static/description/index.html
@@ -1,5 +1,5 @@
 <!-- HERO -->
-<div class="container shadow"  style=" margin-left:calc(-42vw + 50%); width:84vw">
+<div class="container shadow">
 <div class="d-flex align-items-center justify-content-between"
          style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
         <div>
@@ -17,7 +17,7 @@
         </div>
     </div>
 <div class="row"
-     style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
+     style="padding: 4rem 2.5rem 0 !important;">
     <div class="col-lg-12 d-flex flex-column align-items-center">
         <h1 class="text-center text-uppercase"
             style="font-family: Montserrat, 'sans-serif' !important; font-size: 67px !important; color: #791d97; font-weight: 900 !important;">
@@ -67,7 +67,7 @@
 <!-- Start OF slide -->
 
 
-<div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin:2rem 0">
+<div class="col-lg-12 d-flex justify-content-center align-items-center px-0" style="margin:2rem 0">
       <img src="assets/hero.gif" width="100%" height="auto" class="img-responsive">
 </div>
 
@@ -175,11 +175,11 @@
 
 <!-- New section -->
 
-<div class="container shadow"  style="margin-left:calc(-42vw + 50%); width:84vw">
+<div class="container">
 <div class="row"
-     style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
+     style="padding: 4rem 2.5rem 0 !important;">
 
-    <div class="col-md-12 shadow">
+    <div class="col-md-12">
         <ul role="tablist" class="nav nav-tabs justify-content-center d-flex justify-content-center" data-tabs="tabs"
             style="border:none; background-color:unset; margin:0 auto">
             <li class="nav-item"
@@ -219,8 +219,8 @@
     </div>
 
 
-    <div class="col-md-12  tab-content ui-front shadow"
-         style="border-top-right-radius:15px;border-bottom-right-radius:15px;background-color:#fffafa;height:auto;">
+    <div class="col-md-12  tab-content px-5 ui-front shadow"
+         style="border-top-right-radius:15px;border-bottom-right-radius:15px;height:auto;">
         <div class="tab-pane fade active show" id="screenshot-1" role="tabpanel" aria-labelledby="screenshot-1">
 
 
@@ -243,7 +243,7 @@
                     </p>
                 </div>
                 <div class="col-lg-12 d-flex justify-content-center align-items-center"
-                     style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
+                     style="margin:2rem 0 ;">
                     <img src="assets/screenshots/1.png" class="img img-responsive center-block">
                 </div>
                 <div class="col-lg-12 d-flex flex-column align-items-center">
@@ -254,7 +254,7 @@
                     </p>
                 </div>
                 <div class="col-lg-12 d-flex justify-content-center align-items-center"
-                     style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
+                     style="margin:2rem 0 ;">
                     <img src="assets/screenshots/18.png" class="img img-responsive center-block">
                 </div>
                 <p class=" mt8" style="font-family:Roboto ; color:#280135">
@@ -262,7 +262,7 @@
                 </p>
             </div>
             <div class="col-lg-12 d-flex justify-content-center align-items-center"
-                 style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
+                 style="margin:2rem 0 ;">
                 <img src="assets/screenshots/15.png" class="img img-responsive center-block">
             </div>
             <div class="col-lg-12 d-flex flex-column align-items-center">
@@ -271,7 +271,7 @@
                 </h3>
             </div>
             <div class="col-lg-12 d-flex justify-content-center align-items-center"
-                 style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
+                 style="margin:2rem 0 ;">
                 <img src="assets/screenshots/2.png" class="img img-responsive center-block">
             </div>
             <div class="col-lg-12 d-flex flex-column align-items-center">
@@ -281,7 +281,7 @@
                 </h3>
             </div>
             <div class="col-lg-12 d-flex justify-content-center align-items-center"
-                 style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
+                 style="margin:2rem 0 ;">
                 <img src="assets/screenshots/11.png" class="img img-responsive center-block">
             </div>
             <div class="col-lg-12 d-flex flex-column align-items-center">
@@ -291,7 +291,7 @@
                 </h3>
             </div>
             <div class="col-lg-12 d-flex justify-content-center align-items-center"
-                 style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
+                 style="margin:2rem 0 ;">
                 <img src="assets/screenshots/3.png" class="img img-responsive center-block">
             </div>
             <div class="col-lg-12 d-flex flex-column align-items-center">
@@ -303,11 +303,11 @@
                 </p>
             </div>
             <div class="col-lg-12 d-flex justify-content-center align-items-center"
-                 style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
+                 style="margin:2rem 0 ;">
                 <img src="assets/screenshots/12.png" class="img img-responsive center-block">
             </div>
             <div class="col-lg-12 d-flex justify-content-center align-items-center"
-                 style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
+                 style="margin:2rem 0 ;">
                 <img src="assets/screenshots/17.png" class="img img-responsive center-block">
                 </div>
             <div class="col-lg-12 d-flex flex-column align-items-center">
@@ -317,7 +317,7 @@
                 </p>
             </div>
             <div class="col-lg-12 d-flex justify-content-center align-items-center"
-                 style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
+                 style="margin:2rem 0 ;">
                 <img src="assets/screenshots/10.png"
                      class="img img-responsive center-block">
             </div>
@@ -330,7 +330,7 @@
                 </p>
             </div>
             <div class="col-lg-12 d-flex justify-content-center align-items-center"
-                 style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
+                 style="margin:2rem 0 ;">
                 <img src="assets/screenshots/5.png"
                      class="img img-responsive center-block">
             </div>
@@ -343,11 +343,11 @@
                      </p>
             </div>
             <div class="col-lg-12 d-flex justify-content-center align-items-center"
-                 style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
+                 style="margin:2rem 0 ;">
                 <img src="assets/screenshots/6.png" class="img img-responsive center-block">
             </div>
             <div class="col-lg-12 d-flex justify-content-center align-items-center"
-                 style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
+                 style="margin:2rem 0 ;">
                 <img src="assets/screenshots/8.png" class="img img-responsive center-block">
 
         </div>