update

src/_sass/gtk/apps/_misc.scss

@@ -119,8 +119,12 @@ window.background.chromium {
     menuitem { border-radius: 0; }
   }
 
+  headerbar {
+    padding: 0 $space-size * 2;
+  }
+
   // Workaround for non-animatable buttons in headerbar
-  headerbar button:active { background-color: $overlay-active; }
+  // headerbar button:active { background-color: $overlay-active; }
 
   spinner { color: $primary; }
 

src/gtk/3.0/gtk-Compact.css

@@ -6094,8 +6094,8 @@ window.background.chromium menu menuitem {
   border-radius: 0;
 }
 
-window.background.chromium headerbar button:active {
-  background-color: alpha(currentColor, 0.12);
+window.background.chromium headerbar {
+  padding: 0 8px;
 }
 
 window.background.chromium spinner {

src/gtk/3.0/gtk-Dark-Compact.css

@@ -6090,8 +6090,8 @@ window.background.chromium menu menuitem {
   border-radius: 0;
 }
 
-window.background.chromium headerbar button:active {
-  background-color: alpha(currentColor, 0.12);
+window.background.chromium headerbar {
+  padding: 0 8px;
 }
 
 window.background.chromium spinner {

src/gtk/3.0/gtk-Dark.css

@@ -6090,8 +6090,8 @@ window.background.chromium menu menuitem {
   border-radius: 0;
 }
 
-window.background.chromium headerbar button:active {
-  background-color: alpha(currentColor, 0.12);
+window.background.chromium headerbar {
+  padding: 0 12px;
 }
 
 window.background.chromium spinner {

src/gtk/3.0/gtk-Light-Compact.css

@@ -6093,8 +6093,8 @@ window.background.chromium menu menuitem {
   border-radius: 0;
 }
 
-window.background.chromium headerbar button:active {
-  background-color: alpha(currentColor, 0.12);
+window.background.chromium headerbar {
+  padding: 0 8px;
 }
 
 window.background.chromium spinner {

src/gtk/3.0/gtk-Light.css

@@ -6093,8 +6093,8 @@ window.background.chromium menu menuitem {
   border-radius: 0;
 }
 
-window.background.chromium headerbar button:active {
-  background-color: alpha(currentColor, 0.12);
+window.background.chromium headerbar {
+  padding: 0 12px;
 }
 
 window.background.chromium spinner {

src/gtk/3.0/gtk.css

@@ -6094,8 +6094,8 @@ window.background.chromium menu menuitem {
   border-radius: 0;
 }
 
-window.background.chromium headerbar button:active {
-  background-color: alpha(currentColor, 0.12);
+window.background.chromium headerbar {
+  padding: 0 12px;
 }
 
 window.background.chromium spinner {