diff --git a/css/matchsummary.css b/css/matchsummary.css
index f59f8cf..355c61d 100644
--- a/css/matchsummary.css
+++ b/css/matchsummary.css
@@ -49,6 +49,19 @@ p {
 	margin-bottom:15px;
 }
 
+.matchlistbyteam {
+	text-align: center;
+	
+}
+
+.datatablecell {
+	border: 1px solid black;
+	border-radius: 10px;
+	border-collapse: collapse;
+	padding:5px;
+	
+}
+
 #largedatatable {
 	text-align: center;
 }
\ No newline at end of file
diff --git a/pages/matchsummary.html b/pages/matchsummary.html
index eeb861a..10de0c7 100644
--- a/pages/matchsummary.html
+++ b/pages/matchsummary.html
@@ -32,7 +32,7 @@ <h1> Match Summary </h1>
     <main>
 		<section class="Match-List-by-Team">
 
-			<h2>Match List by Team</h2>
+			<h2 class="matchlistbyteam">Match List by Team</h2>
 			<div id="teams">
 			</div>
 
diff --git a/pages/matchsummary.js b/pages/matchsummary.js
index 1462a90..dfc1407 100644
--- a/pages/matchsummary.js
+++ b/pages/matchsummary.js
@@ -37,20 +37,20 @@ const getTeams = async () => {
                 <table class="datatables" id="largedatatable">                    
                     
                     <tr>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px">Autonomous Shots Attempted</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px">Autonomous Shots Made</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px">Speaker Shots Attempted</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px">Speaker Shots Made</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px">Amp Shots Attempted</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px">Amp Shots Made</td>
+                        <td class="datatablecell">Autonomous Shots Attempted</td>
+                        <td class="datatablecell">Autonomous Shots Made</td>
+                        <td class="datatablecell">Speaker Shots Attempted</td>
+                        <td class="datatablecell">Speaker Shots Made</td>
+                        <td class="datatablecell">Amp Shots Attempted</td>
+                        <td class="datatablecell">Amp Shots Made</td>
                     </tr>   
                     <tr>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px;text-align: center;">${await sumColumnForGlobalId(team.globalid, 'count1')}</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px;text-align: center;">${await sumColumnForGlobalId(team.globalid, 'count2')}</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px;text-align: center;">${await sumColumnForGlobalId(team.globalid, 'count3')}</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px;text-align: center;">${await sumColumnForGlobalId(team.globalid, 'count4')}</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px;text-align: center;">${await sumColumnForGlobalId(team.globalid, 'count5')}</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px;text-align: center;">${await sumColumnForGlobalId(team.globalid, 'count6')}</td>
+                        <td class="datatablecell">${await sumColumnForGlobalId(team.globalid, 'count1')}</td>
+                        <td class="datatablecell">${await sumColumnForGlobalId(team.globalid, 'count2')}</td>
+                        <td class="datatablecell">${await sumColumnForGlobalId(team.globalid, 'count3')}</td>
+                        <td class="datatablecell">${await sumColumnForGlobalId(team.globalid, 'count4')}</td>
+                        <td class="datatablecell">${await sumColumnForGlobalId(team.globalid, 'count5')}</td>
+                        <td class="datatablecell">${await sumColumnForGlobalId(team.globalid, 'count6')}</td>
                     </tr>      
                 </table>