diff --git a/css/style.css b/css/style.css
index a839fbe..b25799b 100644
--- a/css/style.css
+++ b/css/style.css
@@ -87,6 +87,15 @@ h5 {
     margin-right: 0;
 }
 
+h6 {
+    text-align: center;
+    /*font-weight: bold;*/
+    margin-top: 0;
+    margin-bottom: 0;
+    margin-left: 0;
+    margin-right: 0;
+}
+
 p {
     text-align: center;
     font-weight: bold;
diff --git a/js/index.js b/js/index.js
index 4a5f460..3b0f0b2 100644
--- a/js/index.js
+++ b/js/index.js
@@ -16,33 +16,33 @@ document.getElementById("body").appendChild(table);
 // Creating and adding data to first row of the table
 let row_1 = document.createElement("tr");
 let heading_1 = document.createElement("th");
-heading_1.setAttribute('style', 'width: 28%;')
+heading_1.setAttribute('style', 'width: 40%;')
 let heading_2 = document.createElement("th");
-heading_2.setAttribute('style', 'width: 12%;')
+heading_2.setAttribute('style', 'width: 10%;')
 let heading_3 = document.createElement("th");
-heading_3.setAttribute('style', 'width: 12%;')
+heading_3.setAttribute('style', 'width: 10%;')
 let heading_4 = document.createElement("th");
-heading_4.setAttribute('style', 'width: 12%;')
+heading_4.setAttribute('style', 'width: 10%;')
 let heading_5 = document.createElement("th");
-heading_5.setAttribute('style', 'width: 12%;')
+heading_5.setAttribute('style', 'width: 10%;')
 let heading_6 = document.createElement("th");
-heading_6.setAttribute('style', 'width: 12%;')
+heading_6.setAttribute('style', 'width: 10%;')
 let heading_7 = document.createElement("th");
-heading_7.setAttribute('style', 'width: 12%;')
+heading_7.setAttribute('style', 'width: 10%;')
 
-let heading_1_text = document.createElement("h4");
+let heading_1_text = document.createElement("h5");
 heading_1_text.innerHTML = "成員名稱";
-let heading_2_text = document.createElement("h4");
+let heading_2_text = document.createElement("h5");
 heading_2_text.innerHTML = "1<br>正刀";
-let heading_3_text = document.createElement("h4");
+let heading_3_text = document.createElement("h5");
 heading_3_text.innerHTML = "2<br>正刀";
-let heading_4_text = document.createElement("h4");
+let heading_4_text = document.createElement("h5");
 heading_4_text.innerHTML = "3<br>正刀";
-let heading_5_text = document.createElement("h4");
+let heading_5_text = document.createElement("h5");
 heading_5_text.innerHTML = "1<br>殘刀";
-let heading_6_text = document.createElement("h4");
+let heading_6_text = document.createElement("h5");
 heading_6_text.innerHTML = "2<br>殘刀";
-let heading_7_text = document.createElement("h4");
+let heading_7_text = document.createElement("h5");
 heading_7_text.innerHTML = "3<br>殘刀";
 
 heading_1.appendChild(heading_1_text);
@@ -53,20 +53,6 @@ heading_5.appendChild(heading_5_text);
 heading_6.appendChild(heading_6_text);
 heading_7.appendChild(heading_7_text);
 
-/*heading_1.innerHTML = "<h4>成員名稱</h4>";
-let heading_2 = document.createElement("th");
-heading_2.innerHTML = "<h4>1<br>正刀</h4>";
-let heading_3 = document.createElement("th");
-heading_3.innerHTML = "<h4>2<br>正刀</h4>";
-let heading_4 = document.createElement("th");
-heading_4.innerHTML = "<h4>3<br>正刀</h4>";
-let heading_5 = document.createElement("th");
-heading_5.innerHTML = "<h4>1<br>殘刀</h4>";
-let heading_6 = document.createElement("th");
-heading_6.innerHTML = "<h4>2<br>殘刀</h4>";
-let heading_7 = document.createElement("th");
-heading_7.innerHTML = "<h4>3<br>殘刀</h4>";*/
-
 row_1.appendChild(heading_1);
 row_1.appendChild(heading_2);
 row_1.appendChild(heading_3);
@@ -100,20 +86,20 @@ axios.get("https://pcredive.ray650128.com/backend/api/record", {
 
             if (item.record !== null) {
                 row_2_data_1.innerHTML = "<h5><a href=\"edit.html?id=" + item.record._id + "\">" + item.member.playerName + "</a><h5>";
-                row_2_data_2.innerHTML = "<h5>" + item.record.record1.boss + "</h5>";
-                row_2_data_3.innerHTML = "<h5>" + item.record.record2.boss + "</h5>";
-                row_2_data_4.innerHTML = "<h5>" + item.record.record3.boss + "</h5>";
-                row_2_data_5.innerHTML = "<h5>" + item.record.record1c.boss + "</h5>";
-                row_2_data_6.innerHTML = "<h5>" + item.record.record2c.boss + "</h5>";
-                row_2_data_7.innerHTML = "<h5>" + item.record.record3c.boss + "</h5>";
+                row_2_data_2.innerHTML = "<h6>" + item.record.record1.boss + "</h6>";
+                row_2_data_3.innerHTML = "<h6>" + item.record.record2.boss + "</h6>";
+                row_2_data_4.innerHTML = "<h6>" + item.record.record3.boss + "</h6>";
+                row_2_data_5.innerHTML = "<h6>" + item.record.record1c.boss + "</h6>";
+                row_2_data_6.innerHTML = "<h6>" + item.record.record2c.boss + "</h6>";
+                row_2_data_7.innerHTML = "<h6>" + item.record.record3c.boss + "</h6>";
             } else {
                 row_2_data_1.innerHTML = item.member.playerName;
-                row_2_data_2.innerHTML = "<h5>---</h5>";
-                row_2_data_3.innerHTML = "<h5>---</h5>";
-                row_2_data_4.innerHTML = "<h5>---</h5>";
-                row_2_data_5.innerHTML = "<h5>---</h5>";
-                row_2_data_6.innerHTML = "<h5>---</h5>";
-                row_2_data_7.innerHTML = "<h5>---</h5>";
+                row_2_data_2.innerHTML = "<h6>---</h6>";
+                row_2_data_3.innerHTML = "<h6>---</h6>";
+                row_2_data_4.innerHTML = "<h6>---</h6>";
+                row_2_data_5.innerHTML = "<h6>---</h6>";
+                row_2_data_6.innerHTML = "<h6>---</h6>";
+                row_2_data_7.innerHTML = "<h6>---</h6>";
             }
 
             row_2.appendChild(row_2_data_1);