diff --git a/static/css/audience_display.css b/static/css/audience_display.css
index 07efffd..727cd16 100644
--- a/static/css/audience_display.css
+++ b/static/css/audience_display.css
@@ -98,16 +98,29 @@ html {
 }
 .score-fields {
   float: left;
-  width: 20%;
-  height: 100%;
-  line-height: 29px;
-  text-align: center;
-  display: table;
-  font-size: 23px;
+  display: block;
+  font-size: 20px;
   font-family: "FuturaLTBold";
   color: #fff;
   opacity: 0;
 }
+.score-fields-icons {
+  line-height: 99px;
+  text-align: center;
+  width: 30px;
+}
+.score-fields-icons span {
+  display: inline-block;
+  line-height: 33px;
+}
+.score-fields-text {
+  width: 19px;
+}
+.score-fields-text span {
+  display: inline-block;
+  line-height: 34px;
+  padding: 0;
+}
 #logo {
   position: relative;
   top: 30px;
diff --git a/templates/audience_display.html b/templates/audience_display.html
index 3779b9b..d465eef 100644
--- a/templates/audience_display.html
+++ b/templates/audience_display.html
@@ -24,12 +24,14 @@
           </span>
         </div>
         <div class="score" id="redScore">
-          <div class="score-fields">
+          <div class="score-fields score-fields-icons">
             <span class="valign-cell">
               <img class="score-icon" src="/static/img/pressure.svg" /><br />
               <img class="score-icon" src="/static/img/rotor.svg" /><br />
               <img class="score-icon" src="/static/img/takeoff.svg" />
             </span>
+          </div>
+          <div class="score-fields score-fields-text">
             <span class="valign-cell">
               <span id="redPressurePoints"></span><br />
               <span id="redRotors"></span><br />
@@ -39,18 +41,20 @@
           <div class="score-number" id="redScoreNumber">&nbsp;</div>
         </div>
         <div class="score" id="blueScore">
-          <div class="score-fields pull-right">
-            <span class="valign-cell">
-              <span id="bluePressurePoints"></span><br />
-              <span id="blueRotors"></span><br />
-              <span id="blueTakeoffs"></span>
-            </span>
+          <div class="score-fields score-fields-icons pull-right">
             <span class="valign-cell">
               <img class="score-icon score-icon-right" src="/static/img/pressure.svg" /><br />
               <img class="score-icon score-icon-right" src="/static/img/rotor.svg" /><br />
               <img class="score-icon score-icon-right" src="/static/img/takeoff.svg" />
             </span>
           </div>
+          <div class="score-fields score-fields-text pull-right" style="direction: rtl;">
+            <span class="valign-cell" style="text-align: right;">
+              <span id="bluePressurePoints"></span><br />
+              <span id="blueRotors"></span><br />
+              <span id="blueTakeoffs"></span>
+            </span>
+          </div>
           <div class="score-number pull-right" id="blueScoreNumber">&nbsp;</div>
         </div>
         <div class="teams" id="blueTeams">