diff --git a/src/components/actions/ShareButton.vue b/src/components/actions/ShareButton.vue
index 13f28d8a..26af70e1 100644
--- a/src/components/actions/ShareButton.vue
+++ b/src/components/actions/ShareButton.vue
@@ -6,7 +6,6 @@
     <Icon
       name="share"
       small
-      style="padding-right: 8px; margin-left:-4px"
     />
     <span class="onlyForDesktop">{{ $t('action.share') }}</span>
   </Button>
diff --git a/src/components/layout/Header.vue b/src/components/layout/Header.vue
index 3b36cd2c..995e77da 100644
--- a/src/components/layout/Header.vue
+++ b/src/components/layout/Header.vue
@@ -37,7 +37,7 @@ export default defineComponent({
 header
   display: flex
   margin: 0
-  padding: 0
+  padding: 0 8px
   gap: 0
   &.sticky
     transition: all 0.3s
diff --git a/src/components/material/Icon.vue b/src/components/material/Icon.vue
index 68927c20..e855a32f 100644
--- a/src/components/material/Icon.vue
+++ b/src/components/material/Icon.vue
@@ -124,4 +124,8 @@ button:not(.Fab) .icon
   padding: 0
   vertical-align: middle
 
+@include media('<tablet')
+  button:not(.Fab) .icon
+    margin: 0
+
 </style>