Fix: misaligned arrows in drop-down lists

Theme/ElegantFin-jellyfin-theme-build-latest.css

@@ -231,12 +231,6 @@ html {
     max-height: 2em;
 }
 
-.detailsGroupItem,
-.trackSelections .selectContainer {
-    /*flex-direction: column;*/
-    align-items: center;
-}
-
 .layout-mobile .mainDetailButtons {
     margin-top: 2em;
 }
@@ -251,15 +245,6 @@ html {
     padding: .5em !important;
 }
 
-.trackSelections .selectContainer .detailTrackSelect {
-    /* padding: inherit; */
-}
-
-.selectArrowContainer {
-    top: .5em;
-    opacity: .5;
-}
-
 .btnPlay {
     background-color: rgba(255, 255, 255, 0.05);
     /* border-radius: .5em 0em 0em .5em; */
@@ -619,7 +604,18 @@ html {
 
 .detailsGroupItem,
 .trackSelections .selectContainer {
+    /*flex-direction: column;*/
     max-width: unset !important;
+    align-items: center;
+}
+
+.trackSelectionFieldContainer>.selectArrowContainer {
+    top: .5em;
+}
+
+.selectArrowContainer {
+    /* top: .5em; */
+    opacity: .5;
 }
 
 .detailSectionContent {