diff --git a/src/assets/css/librarybrowser.css b/src/assets/css/librarybrowser.css
index 26b65115b6..294cf5882a 100644
--- a/src/assets/css/librarybrowser.css
+++ b/src/assets/css/librarybrowser.css
@@ -976,11 +976,7 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
     margin-bottom: -1em;
 }
 
-@media all and (min-height: 31.25em) {
-    .padded-left-withalphapicker {
-        padding-left: 7.5%;
-    }
-
+@media all and (min-height:31.25em) {
     .padded-right-withalphapicker {
         padding-right: 7.5%;
     }
diff --git a/src/components/alphapicker/style.css b/src/components/alphapicker/style.css
index c93341bc7d..2f396d1fec 100644
--- a/src/components/alphapicker/style.css
+++ b/src/components/alphapicker/style.css
@@ -107,18 +107,11 @@
     bottom: 1%;
 }
 
-.alphaPicker-fixed-left {
-    left: 0.4em;
-}
-
 .alphaPicker-fixed-right {
     right: 0.4em;
 }
 
 @media all and (min-width: 62.5em) {
-    .alphaPicker-fixed-left {
-        left: 1em;
-    }
 
     .alphaPicker-fixed-right {
         right: 1em;
diff --git a/src/controllers/list.js b/src/controllers/list.js
index a554bec611..f5d601345d 100644
--- a/src/controllers/list.js
+++ b/src/controllers/list.js
@@ -203,15 +203,9 @@ define(["globalize", "listView", "layoutManager", "userSettings", "focusManager"
 
                 if ("SortName" === values.sortBy && "Ascending" === values.sortOrder && numItems > 40) {
                     alphaPicker.classList.remove("hide");
-
-                    if (layoutManager.tv) {
-                        instance.itemsContainer.parentNode.classList.add("padded-left-withalphapicker");
-                    } else {
-                        instance.itemsContainer.parentNode.classList.add("padded-right-withalphapicker");
-                    }
+                    instance.itemsContainer.parentNode.classList.add("padded-right-withalphapicker");
                 } else {
                     alphaPicker.classList.add("hide");
-                    instance.itemsContainer.parentNode.classList.remove("padded-left-withalphapicker");
                     instance.itemsContainer.parentNode.classList.remove("padded-right-withalphapicker");
                 }
             }
@@ -540,15 +534,9 @@ define(["globalize", "listView", "layoutManager", "userSettings", "focusManager"
             self.scroller = view.querySelector(".scrollFrameY");
             var alphaPickerElement = self.alphaPickerElement;
 
-            if (layoutManager.tv) {
-                alphaPickerElement.classList.add("alphaPicker-fixed-left");
-                alphaPickerElement.classList.add("focuscontainer-left");
-                self.itemsContainer.parentNode.classList.add("padded-left-withalphapicker");
-            } else {
-                alphaPickerElement.classList.add("alphaPicker-fixed-right");
-                alphaPickerElement.classList.add("focuscontainer-right");
-                self.itemsContainer.parentNode.classList.add("padded-right-withalphapicker");
-            }
+            alphaPickerElement.classList.add("alphaPicker-fixed-right");
+            alphaPickerElement.classList.add("focuscontainer-right");
+            self.itemsContainer.parentNode.classList.add("padded-right-withalphapicker");
 
             self.alphaPicker = new alphaPicker({
                 element: alphaPickerElement,
diff --git a/src/controllers/movies/movies.js b/src/controllers/movies/movies.js
index 3a365acc90..ce077bd179 100644
--- a/src/controllers/movies/movies.js
+++ b/src/controllers/movies/movies.js
@@ -169,11 +169,9 @@ define(["loading", "layoutManager", "userSettings", "events", "libraryBrowser",
                     valueChangeEvent: "click"
                 });
 
-                if (layoutManager.desktop || layoutManager.mobile) {
-                    alphaPickerElement.classList.add("alphabetPicker-right");
-                    itemsContainer.classList.remove("padded-left-withalphapicker");
-                    itemsContainer.classList.add("padded-right-withalphapicker");
-                }
+                tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-right");
+                alphaPickerElement.classList.add("alphaPicker-fixed-right");
+                itemsContainer.classList.add("padded-right-withalphapicker");
             }
 
             var btnFilter = tabContent.querySelector(".btnFilter");
diff --git a/src/controllers/movies/movietrailers.js b/src/controllers/movies/movietrailers.js
index 3e62298613..c764190ee0 100644
--- a/src/controllers/movies/movietrailers.js
+++ b/src/controllers/movies/movietrailers.js
@@ -193,6 +193,7 @@ define(["layoutManager", "loading", "events", "libraryBrowser", "imageLoader", "
 
         function initPage(tabContent) {
             var alphaPickerElement = tabContent.querySelector(".alphaPicker");
+            var itemsContainer = tabContent.querySelector(".itemsContainer");
             alphaPickerElement.addEventListener("alphavaluechanged", function (e) {
                 var newValue = e.detail.value;
                 var query = getQuery(tabContent);
@@ -205,12 +206,9 @@ define(["layoutManager", "loading", "events", "libraryBrowser", "imageLoader", "
                 valueChangeEvent: "click"
             });
 
-            if (layoutManager.desktop || layoutManager.mobile) {
-                tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-right");
-                var itemsContainer = tabContent.querySelector(".itemsContainer");
-                itemsContainer.classList.remove("padded-left-withalphapicker");
-                itemsContainer.classList.add("padded-right-withalphapicker");
-            }
+            tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-right");
+            alphaPickerElement.classList.add("alphaPicker-fixed-right");
+            itemsContainer.classList.add("padded-right-withalphapicker");
 
             tabContent.querySelector(".btnFilter").addEventListener("click", function () {
                 self.showFilterMenu();
diff --git a/src/controllers/music/musicalbums.js b/src/controllers/music/musicalbums.js
index 480f0af77f..58d30e71da 100644
--- a/src/controllers/music/musicalbums.js
+++ b/src/controllers/music/musicalbums.js
@@ -199,6 +199,7 @@ define(["layoutManager", "playbackManager", "loading", "events", "libraryBrowser
 
         function initPage(tabContent) {
             var alphaPickerElement = tabContent.querySelector(".alphaPicker");
+            var itemsContainer = tabContent.querySelector(".itemsContainer");
 
             alphaPickerElement.addEventListener("alphavaluechanged", function (e) {
                 var newValue = e.detail.value;
@@ -211,12 +212,10 @@ define(["layoutManager", "playbackManager", "loading", "events", "libraryBrowser
                 element: alphaPickerElement,
                 valueChangeEvent: "click"
             });
-            if (layoutManager.desktop || layoutManager.mobile) {
-                tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-right");
-                var itemsContainer = tabContent.querySelector(".itemsContainer");
-                itemsContainer.classList.remove("padded-left-withalphapicker");
-                itemsContainer.classList.add("padded-right-withalphapicker");
-            }
+
+            tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-right");
+            alphaPickerElement.classList.add("alphaPicker-fixed-right");
+            itemsContainer.classList.add("padded-right-withalphapicker");
 
             tabContent.querySelector(".btnFilter").addEventListener("click", function () {
                 self.showFilterMenu();
diff --git a/src/controllers/music/musicartists.js b/src/controllers/music/musicartists.js
index aaeea8c885..ceed448a06 100644
--- a/src/controllers/music/musicartists.js
+++ b/src/controllers/music/musicartists.js
@@ -181,6 +181,7 @@ define(["layoutManager", "loading", "events", "libraryBrowser", "imageLoader", "
 
         function initPage(tabContent) {
             var alphaPickerElement = tabContent.querySelector(".alphaPicker");
+            var itemsContainer = tabContent.querySelector(".itemsContainer");
 
             alphaPickerElement.addEventListener("alphavaluechanged", function (e) {
                 var newValue = e.detail.value;
@@ -193,12 +194,10 @@ define(["layoutManager", "loading", "events", "libraryBrowser", "imageLoader", "
                 element: alphaPickerElement,
                 valueChangeEvent: "click"
             });
-            if (layoutManager.desktop || layoutManager.mobile) {
-                tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-right");
-                var itemsContainer = tabContent.querySelector(".itemsContainer");
-                itemsContainer.classList.remove("padded-left-withalphapicker");
-                itemsContainer.classList.add("padded-right-withalphapicker");
-            }
+
+            tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-right");
+            alphaPickerElement.classList.add("alphaPicker-fixed-right");
+            itemsContainer.classList.add("padded-right-withalphapicker");
 
             tabContent.querySelector(".btnFilter").addEventListener("click", function () {
                 self.showFilterMenu();
diff --git a/src/controllers/shows/tvshows.js b/src/controllers/shows/tvshows.js
index 1dec530540..24f6cb1a03 100644
--- a/src/controllers/shows/tvshows.js
+++ b/src/controllers/shows/tvshows.js
@@ -210,6 +210,7 @@ define(["layoutManager", "loading", "events", "libraryBrowser", "imageLoader", "
 
         function initPage(tabContent) {
             var alphaPickerElement = tabContent.querySelector(".alphaPicker");
+            var itemsContainer = tabContent.querySelector(".itemsContainer");
 
             alphaPickerElement.addEventListener("alphavaluechanged", function (e) {
                 var newValue = e.detail.value;
@@ -222,12 +223,10 @@ define(["layoutManager", "loading", "events", "libraryBrowser", "imageLoader", "
                 element: alphaPickerElement,
                 valueChangeEvent: "click"
             });
-            if (layoutManager.desktop || layoutManager.mobile) {
-                tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-right");
-                var itemsContainer = tabContent.querySelector(".itemsContainer");
-                itemsContainer.classList.remove("padded-left-withalphapicker");
-                itemsContainer.classList.add("padded-right-withalphapicker");
-            }
+
+            tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-right");
+            alphaPickerElement.classList.add("alphaPicker-fixed-right");
+            itemsContainer.classList.add("padded-right-withalphapicker");
 
             tabContent.querySelector(".btnFilter").addEventListener("click", function () {
                 self.showFilterMenu();
diff --git a/src/movies.html b/src/movies.html
index 20e087c4b4..702f1e1f40 100644
--- a/src/movies.html
+++ b/src/movies.html
@@ -8,10 +8,10 @@
             <button is="paper-icon-button-light" class="btnFilter autoSize" title="${ButtonFilter}"><i class="material-icons">filter_list</i></button>
         </div>
 
-        <div class="alphaPicker alphaPicker-fixed alphaPicker-fixed-right alphaPicker-vertical">
+        <div class="alphaPicker alphaPicker-fixed alphaPicker-vertical">
         </div>
 
-        <div is="emby-itemscontainer" class="itemsContainer padded-left padded-left-withalphapicker padded-right">
+        <div is="emby-itemscontainer" class="itemsContainer padded-left padded-right">
         </div>
         <div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom">
             <div class="paging"></div>
@@ -53,7 +53,7 @@
         <div class="alphaPicker alphaPicker-fixed alphaPicker-fixed-right alphaPicker-vertical">
         </div>
 
-        <div is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-left padded-left-withalphapicker padded-right">
+        <div is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-left padded-right">
         </div>
         <div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom">
             <div class="paging"></div>
@@ -90,4 +90,4 @@
     </div>
     <div class="pageTabContent" data-index="6">
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/music.html b/src/music.html
index 9b3c560b82..d4d0acd8bb 100644
--- a/src/music.html
+++ b/src/music.html
@@ -44,10 +44,10 @@
             <button is="paper-icon-button-light" class="btnFilter autoSize" title="${ButtonFilter}"><i class="material-icons">filter_list</i></button>
         </div>
 
-        <div class="alphaPicker alphaPicker-fixed alphaPicker-fixed-right alphaPicker-vertical">
+        <div class="alphaPicker alphaPicker-fixed alphaPicker-vertical">
         </div>
 
-        <div is="emby-itemscontainer" class="itemsContainer padded-left padded-left-withalphapicker padded-right">
+        <div is="emby-itemscontainer" class="itemsContainer padded-left padded-right">
         </div>
         <div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom">
             <div class="paging"></div>
@@ -60,10 +60,10 @@
             <button is="paper-icon-button-light" class="btnFilter autoSize" title="${ButtonFilter}"><i class="material-icons">filter_list</i></button>
         </div>
 
-        <div class="alphaPicker alphaPicker-fixed alphaPicker-fixed-right alphaPicker-vertical">
+        <div class="alphaPicker alphaPicker-fixed alphaPicker-vertical">
         </div>
 
-        <div is="emby-itemscontainer" class="itemsContainer padded-left padded-left-withalphapicker padded-right">
+        <div is="emby-itemscontainer" class="itemsContainer padded-left padded-right">
         </div>
         <div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom">
             <div class="paging"></div>
@@ -76,10 +76,10 @@
             <button is="paper-icon-button-light" class="btnFilter autoSize" title="${ButtonFilter}"><i class="material-icons">filter_list</i></button>
         </div>
 
-        <div class="alphaPicker alphaPicker-fixed alphaPicker-fixed-right alphaPicker-vertical">
+        <div class="alphaPicker alphaPicker-fixed alphaPicker-vertical">
         </div>
 
-        <div is="emby-itemscontainer" class="itemsContainer padded-left padded-left-withalphapicker padded-right">
+        <div is="emby-itemscontainer" class="itemsContainer padded-left padded-right">
         </div>
         <div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom">
             <div class="paging"></div>
diff --git a/src/tv.html b/src/tv.html
index 97df4d8e8f..3c15b61b8b 100644
--- a/src/tv.html
+++ b/src/tv.html
@@ -8,8 +8,8 @@
             <button is="paper-icon-button-light" class="btnFilter autoSize" title="${ButtonFilter}"><i class="material-icons">filter_list</i></button>
         </div>
 
-        <div is="emby-itemscontainer" class="itemsContainer padded-left padded-left-withalphapicker padded-right"></div>
-        <div class="alphaPicker alphaPicker-fixed alphaPicker-fixed-right alphaPicker-vertical"></div>
+        <div is="emby-itemscontainer" class="itemsContainer padded-left padded-right"></div>
+        <div class="alphaPicker alphaPicker-fixed alphaPicker-vertical"></div>
 
         <div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom">
             <div class="paging"></div>