diff --git a/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.scss b/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.scss
index 6ea5f7d35e96c7d715b73c1d79ae2435293e8ccb..c8eb79c3e2fb6319f2f090006367ea8f0ba8a155 100644
--- a/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.scss
+++ b/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.scss
@@ -79,10 +79,16 @@
       }
 
       hy-icon {
-        display: inline-block !important;
-        padding-left: 3px;
+        //display: inline-block !important;
+        display: flex;
+        height: 8px;
+        margin-left: 3px;
+        width: 10px;
+
         @include breakpoint($xlarge) {
-          padding-left: 4px;
+          height: 8.44px;
+          margin-left: 4px;
+          width: 12px;
         }
 
         svg {
@@ -98,7 +104,7 @@
 
       // On hover: heading icon is turned 180deg and grows bigger.
       &--is-active {
-        position: relative;
+        //position: relative;
         &:hover,
         &:focus {
           color: var(--link-blue);