diff --git a/client/src/assets/player/shared/settings/resolution-menu-button.ts b/client/src/assets/player/shared/settings/resolution-menu-button.ts
index ac947fdb1..32249511c 100644
--- a/client/src/assets/player/shared/settings/resolution-menu-button.ts
+++ b/client/src/assets/player/shared/settings/resolution-menu-button.ts
@@ -68,7 +68,7 @@ class ResolutionMenuButton extends MenuButton {
   }
 
   buildCSSClass () {
-    return super.buildCSSClass() + ' vjs-resolution-button'
+    return 'vjs-resolution-button ' + super.buildCSSClass()
   }
 
   buildWrapperCSSClass () {
diff --git a/client/src/sass/player/settings-menu.scss b/client/src/sass/player/settings-menu.scss
index 2a1303287..1b8068af3 100644
--- a/client/src/sass/player/settings-menu.scss
+++ b/client/src/sass/player/settings-menu.scss
@@ -169,6 +169,12 @@ $setting-transition-easing: ease-out;
           }
         }
 
+        &.vjs-resolution-button {
+          .vjs-menu-item-text {
+            @include margin-left(25px);
+          }
+        }
+
         .vjs-menu {
           width: inherit;
         }