From e5d2f8fddb5e1e3d4f6937a923433a421a9ebd42 Mon Sep 17 00:00:00 2001
From: thornbill <thornbill@users.noreply.github.com>
Date: Sun, 21 Jul 2024 01:53:34 -0400
Subject: [PATCH] Backport pull request #5776 from jellyfin-web/release-10.9.z

Fix invisible headings

Original-merge: 9e7ad28eafbf0a1518b5ab04c933d830bd53b955

Merged-by: thornbill <thornbill@users.noreply.github.com>

Backported-by: Bill Thornton <thornbill@users.noreply.github.com>
---
 src/apps/experimental/AppLayout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/apps/experimental/AppLayout.tsx b/src/apps/experimental/AppLayout.tsx
index a91cbcad00..8e8b59b7f1 100644
--- a/src/apps/experimental/AppLayout.tsx
+++ b/src/apps/experimental/AppLayout.tsx
@@ -29,7 +29,7 @@ export const Component = () => {
     }, [ isDrawerActive, setIsDrawerActive ]);
 
     return (
-        <Box sx={{ display: 'flex' }}>
+        <Box sx={{ position: 'relative', display: 'flex' }}>
             <ElevationScroll elevate={false}>
                 <AppBar
                     position='fixed'