diff --git a/docs/part-collection.md b/docs/part-collection.md
index ac587556fad607f5b4a60753006665049362bf4b..de1f3cbda1e4962ad23f070dc4e7c40961e2311b 100644
--- a/docs/part-collection.md
+++ b/docs/part-collection.md
@@ -5,6 +5,7 @@ title: Our Part Collection
 # Parts Collection
 
 <style>
+
   table {
     width: 100%;
     border-collapse: collapse;
@@ -13,28 +14,36 @@ title: Our Part Collection
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   }
 
+  th {
+    padding: 12px;
+    background-color: #0073e6; /* Darker shade for the header */
+    color: #ffffff; /* White text for contrast */
+  }
+
   th, td {
+    border: 1px solid #b3c7f7; /* Light border for separation */
+  }
+
+  td {
     padding: 10px;
     text-align: left;
+    background-color: #b3c7f7; /* Light background for readability */
+    color: #1c2740; /* Dark text for visibility */
   }
 
-  thead {
-    background-color: #00b4c5;
-    color: white;
+  tbody tr:hover {
+    background-color: #00b4c5; /* Highlight on hover for interactivity */
+    color: #1c2740; /* Keep text dark for visibility */
   }
 
   tbody tr:nth-child(odd) {
-    background-color: #b3c7f7;
-  }
-
-  tbody tr:nth-child(even) {
-    background-color: #8babf1;
+    background-color: #8babf1; /* Slightly darker for odd rows */
   }
 
   .bubble {
     display: inline-block;
-    background-color: #00bf7d;
-    color: white;
+    background-color: #00bf7d; /* Bubble color */
+    color: #1c2740; /* Dark text for visibility */
     padding: 5px 10px;
     border-radius: 15px;
     margin: 0 2px;