diff --git a/ui/less/buttons.less b/ui/less/buttons.less
index 6fa160b7c0..61f81ad0a6 100644
--- a/ui/less/buttons.less
+++ b/ui/less/buttons.less
@@ -60,9 +60,6 @@
   /* A background color behind the play arrow. */
   background-color: rgba(255, 255, 255, .9);
 
-  /* Overlay the captions */
-  z-index: 1;
-
   /* Actual icon images for the two states this could be in.
    * These will be inlined as data URIs when compiled, and so do not need to be
    * deployed separately from the compiled CSS.
diff --git a/ui/less/containers.less b/ui/less/containers.less
index 064544c6d0..79d84f0a28 100644
--- a/ui/less/containers.less
+++ b/ui/less/containers.less
@@ -188,6 +188,10 @@
   width: 100%;
   min-width: 48px;
 
+  /* Position the text container "behind" the overlapping controls
+   * elements, so it doesn't interfere with their work. */
+  z-index: -1;
+
   /* Set the captions in the middle horizontally by default. */
   display: flex;
   justify-content: center;