From 0f0f0e07628aa235762058a39a1bcf25ba389a8f Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Tue, 3 Jan 2023 22:17:32 +0300
Subject: [PATCH] fix: scrollbar excess padding on firefox for .content-page

---
 src/assets/scss/moz.scss   | 2 +-
 src/views/SettingsView.vue | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/assets/scss/moz.scss b/src/assets/scss/moz.scss
index 7e9618af..f403fffb 100644
--- a/src/assets/scss/moz.scss
+++ b/src/assets/scss/moz.scss
@@ -3,7 +3,7 @@
 @-moz-document url-prefix() {
   #acontent {
     margin-right: calc(-1rem + 1px);
-    padding-right: 1.25rem;
+    padding-right: 1rem;
   }
 
   // applies to playlist list page
diff --git a/src/views/SettingsView.vue b/src/views/SettingsView.vue
index 69e0a2b3..f3f09176 100644
--- a/src/views/SettingsView.vue
+++ b/src/views/SettingsView.vue
@@ -1,5 +1,8 @@
 <template>
-  <div class="settingspage content-page" style="height: 100%; overflow: auto">
+  <div
+    class="settingspage content-page"
+    style="height: 100%; overflow: auto; padding-right: 1.25rem"
+  >
     <Content :current="0" />
   </div>
 </template>