Fix: Prevented the border style from loading before the slides were ready in the media bar add-on

Theme/assets/add-ons/media-bar-plugin-support-nightly.css

@@ -11,6 +11,12 @@
     font-family: "Inter";
     font-size: 1em;
     font-weight: 500;
+    order: 1;
+}
+
+.detail-button,
+.favorite-button {
+    order: 2;
 }
 
 .backdrop,
@@ -40,12 +46,17 @@
     width: calc(100vw - (2 * var(--sidePadding)));
     height: 62%;
     top: calc(var(--appBarHeight) * 2 + 1.25em);
-    border: var(--defaultBorder);
-    border-radius: var(--largerRadius);
-    transition: all 0.125s, border 0s;
     user-select: none;
     position: absolute;
     left: var(--sidePadding);
+    overflow: visible;
+}
+
+.slide {
+    border: var(--defaultBorder);
+    border-radius: var(--largerRadius);
+    overflow: hidden;
+    transition: border 0s;
 }
 
 .logo-container {
@@ -116,6 +127,10 @@
     .right-arrow {
         display: none !important;
     }
+
+    .play-button {
+        order: 2;
+    }
 }
 
 @media (min-width: 75em) {