diff --git a/scoreboard/public/stylesheets/indexScore.css b/scoreboard/public/stylesheets/indexScore.css
index 05bf585..ce71bdc 100644
--- a/scoreboard/public/stylesheets/indexScore.css
+++ b/scoreboard/public/stylesheets/indexScore.css
@@ -26,6 +26,10 @@ a {
   font-size: 50vh
 }
 
+.teamName {
+  font-size: 10vh
+}
+
 @media ( min-width: 768px ) {
   .box-time {
     height:25%
diff --git a/scoreboard/views/indexScore.hbs b/scoreboard/views/indexScore.hbs
index aa3e36c..9fe6cb4 100644
--- a/scoreboard/views/indexScore.hbs
+++ b/scoreboard/views/indexScore.hbs
@@ -15,13 +15,13 @@
 
     <div class="d-flex flex-sm-wrap flex-md-wrap text-center align-items-center justify-content-around box-etc">
       <div class="flex-fill order-xs-1 order-sm-1 order-md-1 order-lg-0">
-        <h1 id="teamA">Team A</h>
+        <p class="teamName" id="teamA">Team A</p>
       </div>
       <div class="flex-fill order-xs-0 order-sm-0 order-md-0 order-lg-1">
         <div id="score" class="score"></div>
       </div>
       <div class="flex-fill order-xs-2 order-sm-2 order-md-2 order-lg-2">
-        <h1 id="teamB">Team B</h>
+        <p class="teamName" id="teamB">Team B</p>
       </div>
     </div>