diff --git a/send_message_direct_composer/static/description/index.html b/send_message_direct_composer/static/description/index.html
index 122a7cfdd..70c0d1e9c 100644
--- a/send_message_direct_composer/static/description/index.html
+++ b/send_message_direct_composer/static/description/index.html
@@ -1,11 +1,11 @@
 
     <div class="row" style="margin: 0;padding: 2rem 3rem 4rem;position: relative;color: #000;background-position: center;background: #f9f9f9;">
-        <div class="col-md-6 col-sm-12 col-xs-12" style="padding: 0px">
+        <div class="col-md-7 col-sm-12 col-xs-12" style="padding: 0px">
          <div style=" margin: 0 0 0px;padding: 20px 0 10;font-size: 23px;line-height: 35px;font-weight: 400;color: #000;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.11);text-align: left;">
-             <h1 style="font-size: 44px;font-weight: 600;margin: 0px !important;">Night Mode Theme</h1>
-             <h3 style="font-size: 25px;margin-top: 18px;position: relative;">Basic night mode theme for Odoo.</h3>
+             <h1 style="font-size: 39px;font-weight: 600;margin: 0px !important;">Night Mode Theme</h1>
+             <h3 style="font-size: 21px;margin-top: 8px;position: relative;">Basic night mode theme for Odoo.</h3>
          </div>
-         <h2 style="font-weight: 600">Key Highlights</h2>
+         <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
              <ul style=" padding: 0 1px; list-style: none; ">
                  <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Enable /Disable night mode in a click.</li>
                  <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Applied for all basic modules excluding website and POS.</li>
@@ -16,12 +16,12 @@
              <a href="#video" style="display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox; display: inline-flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center; -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;padding: 0 30px;font-size: 15px;height: 56px;text-transform: uppercase;border: 1px solid #f21692;color: #000;border-radius: 50px;text-decoration: none;letter-spacing: 1px;"><i class="fa fa-eye" aria-hidden="true" style="margin-right: 5px;"></i> Video Demo</a>
          </div>
      </div>
-     <div class="col-md-6 col-sm-12 col-xs-12">
+     <div class="col-md-5 col-sm-12 col-xs-12">
          <img src="night-mode.gif" class="img-responsive" alt="">
      </div>
      </div>    
      <div class="row" style=" margin: 0; padding: 2rem 3rem 1rem; ">
-         <h2 style="font-weight: 600;text-align: center;">Overview</h2>
+         <h2 style="font-weight: 600;text-align: center;width: 100%;">Overview</h2>
          <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
          <h3 class="oe_slogan" style="text-align: center;font-size: 21px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 31px;font-weight: 500;letter-spacing: .5px;margin-bottom: 21px;">
              <strong>The app enables a user friendly basic night theme for Odoo 12.0 community edition.
@@ -42,7 +42,7 @@
             </div>
             <div class="panel-body" style=" background: #fff; ">
                 <div class="tab-content">
-                    <div class="tab-pane fade in active" id="tab1default">
+                    <div class="tab-pane fade active" id="tab1default">
                         <h3 class="text-center alert" style="font-weight:500;color: #091E42;background: #f9f9f9;text-align: left;border-radius: 0;" >Night Mode Theme</h3>
                               <ul>
                                   <li class="mb8" style="font-family: Roboto;color: #000000;list-style-type: square;font-size: 19px;line-height: 34px;">
@@ -151,7 +151,7 @@
         </section>
         <section id="video" class="" style="padding: 2rem 3rem 3rem;height:400px; ">
             <div class="col-md-12" style="padding: 0;text-align: center;margin-bottom: 50px;">
-                <h2 style="font-weight: 600;text-align: center;margin-bottom: 25px;">Video Demo</h2>
+                <h2 style="font-weight: 600;text-align: center;margin-bottom: 25px;width: 100%;">Video Demo</h2>
                 <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
                 <video width="60%" height="400px;" controls style=" margin-bottom: 42px;width: auto; ">
                     <source src="odoo-night-mode.mp4" type="video/mp4">
@@ -162,7 +162,7 @@
     </section>
      <section class="oe_container" style="padding: 2rem 3rem 1rem;">
      
-         <h2 style="font-weight: 600;text-align: center;margin-bottom: 25px;">Suggested Products</h2>
+         <h2 style="font-weight: 600;text-align: center;margin-bottom: 25px;width: 100%;">Suggested Products</h2>
          <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
          
          <div id="demo" class="row carousel slide mt64 mb32" data-ride="carousel">
@@ -228,9 +228,9 @@
  
  
      <section class="row" style="padding: 2rem 3rem 1rem;margin:0px">
-             <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;">Our Service</h2>
+             <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;">Our Service</h2>
              <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
-             <div class="row" style=" display: flex; justify-content: center; flex-wrap: wrap; ">
+             <div class="row" style=" display: flex; justify-content: center; flex-wrap: wrap;width: 100%; ">
                  <!-- <div style="display:flex;padding-top: 20px;justify-content: space-between;"> -->
                      <div class="col-md-2 col-sm-6 col-xs-12">
                          <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
@@ -295,10 +295,11 @@
          </section>
          <section class="row"  style="padding: 2rem 3rem 1rem;margin:0px">
              <div class="row" style="margin: 0">
-                 <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;">Our Industries</h2>
+                 <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;">Our Industries</h2>
                  <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
                  <!-- <div style="display:flex;justify-content: space-between;flex-wrap:wrap;"> -->
-                     <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+                    <div style="width: 100%"> 
+                    <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
                          <div  >
                              <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
                                  <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
@@ -443,6 +444,7 @@
                              </h3>
                          </div>
                      </div>
+                    </div>
                  </div>
              </div>
          </section>