diff --git a/src/app/core-ui/main-header/main-header.component.scss b/src/app/core-ui/main-header/main-header.component.scss
index 86baa521cf..186829268a 100644
--- a/src/app/core-ui/main-header/main-header.component.scss
+++ b/src/app/core-ui/main-header/main-header.component.scss
@@ -145,9 +145,9 @@ button.isActive2 {
   }
 
   // Set 20px icon sizing for buttons outside counters-action-group
-  // (add button, panel buttons, etc.) but exclude sync button
-  > button:not(.sync-btn) .mat-icon,
-  ::ng-deep > *:not(.counters-action-group):not(.sync-btn) .mat-icon {
+  // (add button, panel buttons, etc.)
+  > button .mat-icon:not(.sync-state-ico),
+  ::ng-deep > *:not(.counters-action-group) .mat-icon:not(.sync-state-ico) {
     font-size: 20px;
     width: 20px;
     height: 20px;
@@ -347,16 +347,6 @@ page-title {
 
 .sync-btn {
   position: relative;
-
-  > .mat-icon:not(.sync-state-ico) {
-    font-size: 28px;
-    width: 28px;
-    height: 28px;
-    line-height: 28px;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-  }
 }
 
 .sync-state-ico {