diff --git a/index.html b/index.html
index 4df9318..69e2309 100644
--- a/index.html
+++ b/index.html
@@ -37,7 +37,7 @@
           <button
             id="addProduct"
             onclick="handleAddProduct(this)"
-            class="btn btn-success"
+            class="btn btn-outline-success"
           >
             Add a new Product
           </button>
@@ -101,7 +101,7 @@ <h2>List of Products</h2>
           <table class="table table-bordered">
             <thead>
               <tr>
-                <th scope="col">No.</th>
+                <th scope="col">Product ID.</th>
                 <th scope="col">Product Name</th>
                 <th scope="col">Product Price</th>
                 <th scope="col">Number of Products</th>
@@ -116,7 +116,7 @@ <h2>List of Products</h2>
         <hr />
         <div class="col-12">
           <button class="btn btn-info" onclick="handleCalculateTotal()">
-            Calculate Total
+            Calculate Sum
           </button>
           <button class="btn btn-danger" onclick="handleClearAll()">
             Clear All
diff --git a/styles.css b/styles.css
index 45b5e82..6f1bc7a 100644
--- a/styles.css
+++ b/styles.css
@@ -1,6 +1,9 @@
+body{
+  background-color: blanchedalmond !important;
+}
 #productForm {
   display: none;
-  position: absolute;
+  position: fixed;
 }
 
 .error {