diff --git a/packages/asc-web-components/button/styled-button.js b/packages/asc-web-components/button/styled-button.js
index e41b137c8c..87f529b951 100644
--- a/packages/asc-web-components/button/styled-button.js
+++ b/packages/asc-web-components/button/styled-button.js
@@ -130,6 +130,13 @@ const StyledButton = styled(ButtonWrapper).attrs((props) => ({
      ///// ///// ///// ///// ///// ///// ///// ///// ///// ///// ///// ///// ///// /////
 
   padding: ${(props) => `${props.theme.button.padding[props.size]}`};
+  ${({ icon }) =>
+    icon &&
+    css`
+      padding-top: 12px;
+      padding-bottom: 12px;
+      height: auto;
+    `}
 
   /* padding: ${(props) =>
     ((props.size === "normal40" || props.size === "small") &&
@@ -261,6 +268,8 @@ const StyledButton = styled(ButtonWrapper).attrs((props) => ({
 
   .btnIcon,
   .loader {
+    line-height: ${(props) => lineHeightStyle(props)};
+    margin-right: 4px;
     display: ${(props) => props.theme.button.display};
     vertical-align: ${(props) => props.theme.button.topVerticalAlign};
   }
diff --git a/packages/asc-web-components/themes/base.js b/packages/asc-web-components/themes/base.js
index f8cc6082bc..2a4d3b3c60 100644
--- a/packages/asc-web-components/themes/base.js
+++ b/packages/asc-web-components/themes/base.js
@@ -116,8 +116,8 @@ const Base = {
     },
 
     lineHeight: {
-      extraSmall: "15px",
-      small: "13px",
+      extraSmall: "12px",
+      small: "14px",
       normal36: "16px",
       normal40: "16px",
       medium: "22px",