diff --git a/src/assets/css/librarybrowser.scss b/src/assets/css/librarybrowser.scss
index ffbc92b65a..6d3f6fcc3c 100644
--- a/src/assets/css/librarybrowser.scss
+++ b/src/assets/css/librarybrowser.scss
@@ -1170,7 +1170,7 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
 }
 
 .itemDetailsGroup {
-    margin-bottom: 1.5em;
+    margin-top: 1.5em;
 }
 
 .trackSelections {
diff --git a/src/controllers/itemDetails/index.html b/src/controllers/itemDetails/index.html
index 6ac5ba3368..241c943bea 100644
--- a/src/controllers/itemDetails/index.html
+++ b/src/controllers/itemDetails/index.html
@@ -92,23 +92,6 @@
                     <div class="detailSection">
                         <div class="itemMiscInfo nativeName hide"></div>
 
-                        <div class="itemDetailsGroup">
-                            <div class="detailsGroupItem genresGroup hide">
-                                <div class="genresLabel label"></div>
-                                <div class="genres content focuscontainer-x"></div>
-                            </div>
-
-                            <div class="detailsGroupItem directorsGroup hide">
-                                <div class="directorsLabel label"></div>
-                                <div class="directors content focuscontainer-x"></div>
-                            </div>
-
-                            <div class="detailsGroupItem writersGroup hide">
-                                <div class="writersLabel label"></div>
-                                <div class="writers content focuscontainer-x"></div>
-                            </div>
-                        </div>
-
                         <form class="trackSelections hide focuscontainer-x">
                             <div class="selectContainer selectSourceContainer hide trackSelectionFieldContainer flex-shrink-zero">
                                 <select is="emby-select" class="selectSource detailTrackSelect" label=""></select>
@@ -125,6 +108,7 @@
                         </form>
 
                         <div class="recordingFields hide" style="margin: 0.5em 0 1.5em;"></div>
+
                         <div class="detailSectionContent">
                             <div class="itemLastPlayed hide"></div>
 
@@ -143,6 +127,23 @@
                             <div class="itemExternalLinks focuscontainer-x hide" style="margin: 0.7em 0; font-size: 92%;"></div>
                             <div class="seriesRecordingEditor"></div>
                         </div>
+
+                        <div class="itemDetailsGroup">
+                            <div class="detailsGroupItem genresGroup hide">
+                                <div class="genresLabel label"></div>
+                                <div class="genres content focuscontainer-x"></div>
+                            </div>
+
+                            <div class="detailsGroupItem directorsGroup hide">
+                                <div class="directorsLabel label"></div>
+                                <div class="directors content focuscontainer-x"></div>
+                            </div>
+
+                            <div class="detailsGroupItem writersGroup hide">
+                                <div class="writersLabel label"></div>
+                                <div class="writers content focuscontainer-x"></div>
+                            </div>
+                        </div>
                     </div>
                 </div>