From 16de9c7ceb3c87630750899724e98ef11b40a1d8 Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Fri, 4 Jun 2021 17:18:13 +0900
Subject: [PATCH] Fix: Tab Bar - Scroll Button padding

---
 userChrome.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/userChrome.css b/userChrome.css
index be3a8f0..819923a 100644
--- a/userChrome.css
+++ b/userChrome.css
@@ -115,7 +115,8 @@
 
   /* Scroll Button - Size Fix */
   #tabbrowser-arrowscrollbox {
-    --scrollbtn-vertical-padding: 3px;
+    --scrollbtn-vertical-padding: 4px;
+    --scrollbtn-vertical-border:  none;
   }
   #scrollbutton-up,
   #scrollbutton-down {
@@ -123,6 +124,9 @@
     /* https://github.com/mozilla/gecko-dev/blob/71b1259afd1cdaf41871ae675c2dadb967ea5b34/browser/themes/shared/toolbarbuttons.inc.css#L142 */
     padding-top:    var(--scrollbtn-vertical-padding) !important;
     padding-bottom: var(--scrollbtn-vertical-padding) !important;
+
+    border-top:    var(--scrollbtn-vertical-border) !important;
+    border-bottom: var(--scrollbtn-vertical-border) !important;
   }
 
   :root[tabsintitlebar]:not([uidensity=compact]) #toolbar-menubar[autohide="true"] {