diff --git a/src/components/cardbuilder/card.css b/src/components/cardbuilder/card.css
index ec19c83f00..17e1d402fb 100644
--- a/src/components/cardbuilder/card.css
+++ b/src/components/cardbuilder/card.css
@@ -627,7 +627,7 @@ button {
 
 @media (min-width: 43.75em) {
     .overflowSquareCard, .overflowPortraitCard {
-        width: 23.3vw;
+        width: 23.1vw;
     }
 }
 
@@ -643,13 +643,13 @@ button {
     }
 
     .overflowSquareCard, .overflowPortraitCard {
-        width: 23.3vw;
+        width: 23.1vw;
     }
 }
 
 @media (orientation: landscape) and (min-width: 48.125em) {
     .overflowBackdropCard, .overflowSmallBackdropCard {
-        width: 23.3vw;
+        width: 23.1vw;
     }
 }
 
@@ -661,13 +661,13 @@ button {
 
 @media (min-width: 50em) {
     .overflowSquareCard, .overflowPortraitCard {
-        width: 18.4vw;
+        width: 18.5vw;
     }
 }
 
 @media (min-width: 75em) {
     .overflowBackdropCard, .overflowSmallBackdropCard {
-        width: 23.3vw;
+        width: 23.1vw;
     }
 
     .overflowSquareCard, .overflowPortraitCard {
@@ -780,4 +780,4 @@ button {
 .cardOverlayFab-primary:hover {
     transform: scale(1.4, 1.4);
     transition: 0.2s;
-}
\ No newline at end of file
+}
diff --git a/src/components/emby-scrollbuttons/emby-scrollbuttons.css b/src/components/emby-scrollbuttons/emby-scrollbuttons.css
index 007557be91..6786824bd6 100644
--- a/src/components/emby-scrollbuttons/emby-scrollbuttons.css
+++ b/src/components/emby-scrollbuttons/emby-scrollbuttons.css
@@ -6,6 +6,7 @@
     justify-content: center;
     min-width:104px;
     min-height:24px;
+    padding-top: 1.25em;
     z-index: 1;
     color: #ffffff;
     display: flex;
@@ -15,4 +16,4 @@
     min-width: 24px;
     min-height: 24px;
     display: block;
-}
\ No newline at end of file
+}
diff --git a/src/components/emby-scroller/emby-scroller.css b/src/components/emby-scroller/emby-scroller.css
index 1e0b05b83c..4f7cbf45fc 100644
--- a/src/components/emby-scroller/emby-scroller.css
+++ b/src/components/emby-scroller/emby-scroller.css
@@ -8,14 +8,9 @@
 }
 
 /* align first card in scroller to heading */
-.emby-scroller .card:first-of-type > .cardBox {
-    margin-left: 0;
-}
-
-/* align heading for normal item containers */
-/* still not ideal solution but better than the last method */
-.verticalSection > .itemsContainer .cardBox {
+.itemsContainer > .card > .cardBox {
     margin-left: 0;
+    margin-right: 1.2em;
 }
 
 @media all and (max-width:50em) {
@@ -25,4 +20,4 @@
         margin-left: 0;
         margin-right: 0;
     }
-}
\ No newline at end of file
+}
diff --git a/src/css/librarybrowser.css b/src/css/librarybrowser.css
index 8982ba88b5..152693e9b6 100644
--- a/src/css/librarybrowser.css
+++ b/src/css/librarybrowser.css
@@ -892,12 +892,15 @@
     vertical-align: middle;
 }
 
+/* these next two rules are for the scroller element headers */
 .sectionTitleContainer-cards {
-    margin-bottom: 0;
+    margin: 0;
+    padding-top: 1.25em;
 }
 
-.sectionTitle-cards {
-    margin-bottom: 0;
+div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
+    margin: 0;
+    padding-top: 1.25em;
 }
 
 .sectionTitleButton {