diff --git a/src/static/css/pad/icons.css b/src/static/css/pad/icons.css
index c89d359e0..0ae7ed2db 100644
--- a/src/static/css/pad/icons.css
+++ b/src/static/css/pad/icons.css
@@ -24,6 +24,9 @@
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .buttonicon:before, [class^="buttonicon-"]:before, [class*=" buttonicon-"]:before {
@@ -34,9 +37,6 @@
   font-size: 15px;
   display: inline-block;
   text-decoration: inherit;
-  width: 1em;
-  margin: 0;
-  text-align: center;
 
   /* For safety - reset parent styles, that can break glyph codes*/
   font-variant: normal;
diff --git a/src/static/skins/colibris/src/components/buttons.css b/src/static/skins/colibris/src/components/buttons.css
index ccaea9d4d..9a3445478 100644
--- a/src/static/skins/colibris/src/components/buttons.css
+++ b/src/static/skins/colibris/src/components/buttons.css
@@ -23,9 +23,3 @@ button, .btn
   color: #485365;
   color: var(--text-color);
 }
-
-.buttonicon:before, [class^="buttonicon-"]:before, [class*=" buttonicon-"]:before {
-  line-height: 18px;
-}
-
-