diff --git a/pos_add_product_webcam_barcode/doc/RELEASE_NOTES.md b/pos_add_product_webcam_barcode/doc/RELEASE_NOTES.md
index 9b82e731f..b1dc91fa1 100644
--- a/pos_add_product_webcam_barcode/doc/RELEASE_NOTES.md
+++ b/pos_add_product_webcam_barcode/doc/RELEASE_NOTES.md
@@ -4,4 +4,10 @@
 #### Version 16.0.1.0.0
 #### ADD
 
-- Initial commit for Add Product using Webcam Barcode in Pos
\ No newline at end of file
+- Initial commit for Add Product using Webcam Barcode in Pos
+
+#### 11.07.2023
+#### Version 16.0.1.0.0
+#### UPDT
+
+- Index file updated
\ No newline at end of file
diff --git a/pos_add_product_webcam_barcode/static/description/index.html b/pos_add_product_webcam_barcode/static/description/index.html
index a49bc0157..636ae692a 100644
--- a/pos_add_product_webcam_barcode/static/description/index.html
+++ b/pos_add_product_webcam_barcode/static/description/index.html
@@ -1,7 +1,7 @@
-<div style="background-color: #714B67; min-height: 600px; width: 100%; padding: 15px; position: relative;">
+<div style="background-color: #714B67; height: 810px; 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>
@@ -20,15 +20,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;">
+    <div class="container">
+        <div class="row">
+            <div class="col-sm-12 col-md-12 col-lg-12">
+                <!-- APP HERO -->
+                <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
         Add Product using Webcam Barcode in Pos</h1>
     <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
         Add products to order line through scanning barcode in pos</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 -->
 <div class="d-flex align-items-center"
@@ -416,7 +421,7 @@
 
 </div>
 
-<!-- END OF OUR SERVICES -->
+<!-- END OF END OF OUR SERVICES -->
 
 <!-- OUR INDUSTRIES -->
 
@@ -554,7 +559,7 @@
     </div>
 </div>
 
-<!-- END OF OUR INDUSTRIES -->
+<!-- END OF END OF OUR INDUSTRIES -->
 
 <!-- SUPPORT -->
 <div class="d-flex align-items-center"
@@ -614,4 +619,4 @@
         </div>
     </div>
 </div>
-<!-- END OF SUPPORT -->
\ No newline at end of file
+<!-- END OF SUPPORT -->