CSS fix for old versions of Firefox

src/App.tsx

@@ -101,7 +101,7 @@ const App: FC<AppProps> = (props) => {
           <SplitterPanel minSize={15} size={30} className={styles.pedagoPanel}>
             <Pedago key="pedago" />
           </SplitterPanel>
-          <SplitterPanel minSize={40} size={70}>
+          <SplitterPanel minSize={40} size={70} className={styles.contentPanel}>
             <div className="meta-player-content-cover"></div>
             <div id="meta-player-content">{props.children}</div>
           </SplitterPanel>

src/app.module.scss

@@ -29,6 +29,11 @@
   overflow-y: hidden;
 }
 
+.contentPanel {
+  height: 100%;
+  background-color: var(--surface-a);
+}
+
 .pedagoContainer {
   overflow-y: hidden;
   display: grid;

src/index.css

@@ -75,7 +75,11 @@ body,
   }
 }
 
-#meta-player-content,
+#meta-player-content {
+  height: 100%;
+  background-color: var(--surface-a);
+}
+
 :has(> #meta-player-content) {
   height: 100%;
   background-color: var(--surface-a);