From dd4e2b392b63cc884fdaa5dede9fe383ef469d1d Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Thu, 14 Aug 2025 10:21:06 -0700
Subject: [PATCH] Fix: App bar tabs were stick in the expanded state on TVs
 Fix: Workaround to prevent these tabs from overlapping buttons on TVs

---
 Theme/ElegantFin-theme-nightly.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index 4582f70..cc357c4 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -3559,7 +3559,8 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
 .layout-tv .sectionTabs {
     /* this prevents the section tabs from being off-center in the music library
      after I set the overflow to visible to fix visual glitches */
-    width: 100%;
+    width: 70%;
+    margin-right: 2em;
 }
 
 .headerTabs.sectionTabs .emby-tab-button {
@@ -3589,8 +3590,7 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
 
 @media (min-width: 75em) {
 
-    .layout-desktop .sectionTabs,
-    .layout-mobile .sectionTabs {
+    .sectionTabs {
         -webkit-align-items: center;
         align-items: center;
         -webkit-align-self: center;