diff --git a/js/index.js b/js/index.js
index 77609ea..a72a46a 100644
--- a/js/index.js
+++ b/js/index.js
@@ -16,19 +16,19 @@ 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: 22%;')
 let heading_2 = document.createElement("th");
-heading_2.setAttribute('style', 'width: 12%;')
+heading_2.setAttribute('style', 'width: 13%;')
 let heading_3 = document.createElement("th");
-heading_3.setAttribute('style', 'width: 12%;')
+heading_3.setAttribute('style', 'width: 13%;')
 let heading_4 = document.createElement("th");
-heading_4.setAttribute('style', 'width: 12%;')
+heading_4.setAttribute('style', 'width: 13%;')
 let heading_5 = document.createElement("th");
-heading_5.setAttribute('style', 'width: 12%;')
+heading_5.setAttribute('style', 'width: 13%;')
 let heading_6 = document.createElement("th");
-heading_6.setAttribute('style', 'width: 12%;')
+heading_6.setAttribute('style', 'width: 13%;')
 let heading_7 = document.createElement("th");
-heading_7.setAttribute('style', 'width: 12%;')
+heading_7.setAttribute('style', 'width: 13%;')
 
 let heading_1_text = document.createElement("h4");
 heading_1_text.innerHTML = "成員名稱";
@@ -162,7 +162,7 @@ function getDate() {
                 const item = data[i];
 
                 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_1.innerHTML = "<h5 class=\"truncate-text\"><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>";