diff --git a/toolkit/content/widgets/videocontrols.xml b/toolkit/content/widgets/videocontrols.xml
index 18f129d9dc46..45794342319b 100644
--- a/toolkit/content/widgets/videocontrols.xml
+++ b/toolkit/content/widgets/videocontrols.xml
@@ -194,8 +194,8 @@
     <xbl:content xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
                  class="mediaControlsFrame">
         <stack flex="1">
-            <vbox class="statusOverlay" hidden="true">
-                <box class="statusIcon" flex="1"/>
+            <vbox flex="1" class="statusOverlay" hidden="true">
+                <box class="statusIcon"/>
             </vbox>
 
             <vbox>
diff --git a/toolkit/themes/pinstripe/global/media/videocontrols.css b/toolkit/themes/pinstripe/global/media/videocontrols.css
index d1c31e9a6f28..9a3250c2815e 100644
--- a/toolkit/themes/pinstripe/global/media/videocontrols.css
+++ b/toolkit/themes/pinstripe/global/media/videocontrols.css
@@ -151,6 +151,8 @@
 }
 
 .statusOverlay {
+    -moz-box-align: center;
+    -moz-box-pack: center;
     background-color: rgba(0,0,0,0.55);
 }
 
diff --git a/toolkit/themes/winstripe/global/media/videocontrols.css b/toolkit/themes/winstripe/global/media/videocontrols.css
index 2de2f260affd..4f77713364c5 100644
--- a/toolkit/themes/winstripe/global/media/videocontrols.css
+++ b/toolkit/themes/winstripe/global/media/videocontrols.css
@@ -160,6 +160,8 @@
 }
 
 .statusOverlay {
+    -moz-box-align: center;
+    -moz-box-pack: center;
     background-color: rgba(0,0,0,0.55);
 }