increasing the pixel top background position for the hover action item

in the sidebar

trying to resolve the css jitter issue with changing the background image
on hover, but no matter what it seems to be a few pixels off

diff --git a/css/app.css b/css/app.css
index 56e0452..ed3452c 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6819,7 +6819,7 @@ body .addthis_wrapper {
     background-size: cover;
     background-repeat: no-repeat; }
     #sidebar a.signup:hover {
-      background-position: 0px -142px; }
+      background-position: 0px -143px; }
     @media only screen and (min-width:0em) and (max-width:64em) {
       #sidebar a.signup {
         float: none;

diff --git a/scss/_sidebar.scss b/scss/_sidebar.scss
index 48b88eb..2809091 100644 (file)
--- a/scss/_sidebar.scss
+++ b/scss/_sidebar.scss
@@ -28,7 +28,7 @@
         background-size: cover;
         background-repeat: no-repeat;
         &:hover {
-            background-position: 0px -142px;
+            background-position: 0px -143px;
 //            height: 116px;
 //            margin-bottom: 43px;
         }