update

src/sass/gtk/_common-3.0.scss

@@ -299,7 +299,6 @@ spinner {
   &:disabled { @include entry(disabled); }
 }
 
-%entry,
 entry {
   @extend %entry_basic;
 
@@ -355,6 +354,14 @@ entry {
       &:focus { @include entry(checked, $e_color); }
 
       &:disabled { @include entry(disabled, $e_color); }
+
+      image {
+        color: on($e_color, secondary);
+
+        &:hover, &:active { color: on($e_color); }
+
+        &:disabled { color: on($e_color, disabled); }
+      }
     }
   }
 
@@ -761,25 +768,27 @@ button.link {
  * GtkSpinButton *
  *****************/
 spinbutton {
-  &:not(.vertical) {
   // in this horizontal configuration, the whole spinbutton
   // behaves as the entry, so we extend the entry styling
   // and nuke the style on the internal entry
-    @extend %entry;
+  @extend %entry_basic;
-
   padding: 0;
 
-    entry {
+  > entry, .background:not(.csd) & > entry {
     min-width: $large-size - 8px * 2;
     // reset all the other props since the spinbutton node is styled here
     margin: 0;
-      border-image: none;
     border-radius: 0;
+    border-image: none;
+
+    &, &:focus, &:disabled {
+      border: none;
       box-shadow: none;
       background-color: transparent;
     }
+  }
 
-    button {
+  > button {
     @extend %button-flat-simple;
     @extend %small-button;
 
@@ -798,7 +807,6 @@ spinbutton {
     &.up:dir(rtl),
     &.down:dir(ltr) { margin-right: -$space-size / 2; }
   }
-  }
 
   // OSD horizontal
   // .osd &:not(.vertical) { }
@@ -811,40 +819,18 @@ spinbutton {
 
     // FIXME: this should not be set at all, but otherwise it gets the wrong
     // color
-    @extend %entry;
+    padding: $space-size / 2;
 
-    padding: 0;
+    > entry {
-
-    &:disabled { color: $text-disabled; }
-
-    entry {
       margin: 0;
-      border-image: none;
+      padding: 0;
-      border-radius: 0;
-      box-shadow: none;
-      background-color: transparent;
-
       min-height: $medium-size;
-      min-width: $large-size - $space-size;
+      min-width: 0;
-      padding: 0;
     }
 
-    button {
+    > button {
-      @extend %button-flat-simple;
+      &.up { margin: 0; }
-      @extend %small-button;
+      &.down { margin: 0; }
-      padding: 0;
-
-      border: solid $space-size transparent;
-
-      // Remove unwanted focus indicator
-      &:focus:not(:hover):not(:active) {
-        box-shadow: inset 0 0 0 9999px transparent;
-        color: $text-secondary;
-      }
-
-      &.up { margin: 0 $space-size/2; }
-
-      &.down { margin: 0 $space-size/2; }
     }
   }
 

src/sass/gtk/apps/_budgie.scss

@@ -874,7 +874,6 @@ image.raven-mpris {
   flowbox {
     color: $text;
     padding: 0;
-    border-spacing: 0;
   }
 
   flowboxchild {