diff --git a/legal_case_management/static/description/index.html b/legal_case_management/static/description/index.html
index 2b5998cef..7b352ae24 100644
--- a/legal_case_management/static/description/index.html
+++ b/legal_case_management/static/description/index.html
@@ -1,7 +1,7 @@
 <div style="background-color: #714B67; min-height: 600px; width: 100%; padding: 15px; position: relative;">
     <!-- TITLE BAR -->
-    <div
-            style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
+    <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;">
         <img src="assets/misc/cybrosys-logo.png" width="42" height="42"
              style="width: 42px; height: 42px;"/>
         <div>
@@ -16,16 +16,20 @@
         </div>
     </div>
     <!-- END OF TITLE BAR -->
-
     <!-- APP HERO -->
-    <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
-        Legal Case Management</h1>
-    <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
-       This module helps to manage a legal case management firm</p>
-    <!-- END OF APP HERO -->
-    <img src="assets/screenshots/hero.gif"
-         style="width: 75%; height: auto; position: absolute; margin-left: auto; margin-right: auto; top: 45%; left: 12%; right: auto;"/>
-
+    <div class="container">
+        <div class="row">
+            <div class="col-sm-12 col-md-12 col-lg-12">
+                <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
+                    Legal Case Management</h1>
+                <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
+                    This module helps to manage a legal case management firm</p>
+                <!-- END OF APP HERO -->
+                <img src="assets/screenshots/hero.gif"
+                     style="width: 75%; height: auto; position: absolute; margin-left: auto; margin-right: auto; top: 45%; left: 12%; right: auto;"/>
+            </div>
+        </div>
+    </div>
 </div>
 
 <!-- NAVIGATION SECTION -->
@@ -104,8 +108,10 @@
 <div class="row"
      style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
     <div class="col-sm-12 py-4">
-        This module helps to manage a legal case management firm.Set different access rights for the module.
-        You can create invoices for different payment methods.If the lawyer is busy with other case, user can assign junior lawyers
+        This module helps to manage a legal case management firm.Set different
+        access rights for the module.
+        You can create invoices for different payment methods.If the lawyer is
+        busy with other case, user can assign junior lawyers
         for particular case.
 
     </div>
@@ -127,7 +133,7 @@
 <div class="row"
      style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
     <div class="col-sm-12 col-md-6">
-          <div class="d-flex align-items-center"
+        <div class="d-flex align-items-center"
              style="margin-top: 40px; margin-bottom: 40px">
             <img src="assets/misc/check-box.png" class="mr-2"/>
             <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Different access rights for admin,lawyer and clerk</span>
@@ -189,21 +195,22 @@
 
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
-               Different access rights for admin,lawyer and clerk</h3>
+                Different access rights for admin,lawyer and clerk</h3>
             <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
-                Go to  Settings -> Users -> You can select different access rights for users</p>
+                Go to Settings -> Users -> You can select different access
+                rights for users</p>
             <img src="assets/screenshots/legal_1.png" class="img-thumbnail">
         </div>
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
-               Create Lawyers and set wages for case and trial</h3>
+                Create Lawyers and set wages for case and trial</h3>
             <img src="assets/screenshots/legal_1.1.png" class="img-thumbnail">
         </div>
 
 
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
-               Case registration through form</h3>
+                Case registration through form</h3>
             <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
                 You can register case with giving following details</p>
             <img src="assets/screenshots/legal_2.png" class="img-thumbnail">
@@ -211,23 +218,25 @@
 
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
-                Adding Evidence ,Trial and attachment for corresponding cases</h3>
+                Adding Evidence ,Trial and attachment for corresponding
+                cases</h3>
             <img src="assets/screenshots/legal_3.png" class="img-thumbnail">
         </div>
 
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Invoicing For trial, case, out of court and full settlement</h3>
-             <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
-                  1.Select the payment method of case</p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                1.Select the payment method of case</p>
             <img src="assets/screenshots/legal_4.png" class="img-thumbnail">
-             <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
-               2.Invoice for corresponding payment method </p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                2.Invoice for corresponding payment method </p>
             <img src="assets/screenshots/legal_4.1.png" class="img-thumbnail">
         </div>
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
-               If the lawyers are busy with other cases, user can  assign junior lawyer</h3>
+                If the lawyers are busy with other cases, user can assign junior
+                lawyer</h3>
             <img src="assets/screenshots/legal_5.png" class="img-thumbnail">
         </div>
         <div style="display: block; margin: 30px auto;">
@@ -235,9 +244,9 @@
                 Case registration through portal </h3>
             <img src="assets/screenshots/legal6.png" class="img-thumbnail">
         </div>
-         <div style="display: block; margin: 30px auto;">
+        <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
-               Portal users can see the corresponding case details </h3>
+                Portal users can see the corresponding case details </h3>
             <img src="assets/screenshots/legal_7.png" class="img-thumbnail">
         </div>
     </div>
@@ -679,4 +688,4 @@
         </div>
     </div>
 </div>
-<!-- END OF SUPPORT -->
\ No newline at end of file
+<!-- END OF SUPPORT -->
diff --git a/legal_case_management/views/legal_case_management_menus.xml b/legal_case_management/views/legal_case_management_menus.xml
index 517e7f210..c1b2a0129 100644
--- a/legal_case_management/views/legal_case_management_menus.xml
+++ b/legal_case_management/views/legal_case_management_menus.xml
@@ -105,7 +105,7 @@
         </field>
     </record>
     <!--    Menus And Sub Menus-->
-    <menuitem id="legal_case_management_root" name="Legal Case Management"
+    <menuitem id="legal_case_management_root" name="Legal Case Management" web_icon="legal_case_management,static/description/icon.png"
               groups="legal_case_management.legal_case_management_group_clerk,legal_case_management_group_lawyer,legal_case_management_group_admin"/>
 
     <menuitem id="menu_legal_case" name="Operations"