diff --git a/network-api/networkapi/mozfest/templates/fragments/hero/hardcoded_video_hero.html b/network-api/networkapi/mozfest/templates/fragments/hero/hardcoded_video_hero.html
index 01fa5645e6..3ddf892f1e 100644
--- a/network-api/networkapi/mozfest/templates/fragments/hero/hardcoded_video_hero.html
+++ b/network-api/networkapi/mozfest/templates/fragments/hero/hardcoded_video_hero.html
@@ -14,10 +14,10 @@
         <div class="row">
           <div class="col-12">
             <button class="btn btn-video-control btn-pause btn-secondary d-none">
-              <span>{% trans "PAUSE VIDEO" context "Pause button for video" %}</span>
+              <span>{% trans "Pause video" context "Pause button for video" %}</span>
             </button>
             <button class="btn btn-video-control btn-play btn-secondary d-none">
-              <span>{% trans "PLAY VIDEO" context "Play button for video" %}</span>
+              <span>{% trans "Play video" context "Play button for video" %}</span>
             </button>
           </div>
         </div>
diff --git a/source/sass/mozfest.scss b/source/sass/mozfest.scss
index 9038b3bea9..0c2efe735e 100644
--- a/source/sass/mozfest.scss
+++ b/source/sass/mozfest.scss
@@ -54,6 +54,7 @@ body.mozfest {
           height: $icon-size;
           background: center left/$icon-size $icon-size no-repeat transparent;
           padding-left: calc(#{$icon-size} + 0.5rem);
+          text-transform: uppercase;
           // due to a Safari bug, we have to remove transition for these buttons
           // so background SVGs don't get resized on hover
           transition: none;