fix: wiggling nav items

freeCodeCamp · Apr 19, 2024 · e24784a · e24784a
1 parent a7ee153
commit e24784a
Showing 1 changed file with 9 additions and 11 deletions.
diff --git a/common/common.scss b/common/common.scss
@@ -414,18 +414,16 @@ body.no-ember {
 }
 
 .d-header-icons .icon {
-  height: 34px;
-  width: 38px;
+  height: 38px;
+  width: 42px;
   padding: 2px;
-  margin: 0px;
-  border: 0px;
-}
+  box-sizing: border-box;
 
-.drop-down-mode .d-header-icons .active .icon,
-.d-header-icons .icon:hover,
-.d-header-icons .icon:focus {
-  border: 0px;
-  background-color: $--gray75;
+  &:active,
+  &:hover,
+  &:focus {
+    background-color: $--gray75 $i;
+  }
 }
 
 .d-header-icons .btn .d-icon {
@@ -540,7 +538,7 @@ a.curriculum-nav:focus {
     top: 0px;
   }
   .d-header-icons .icon {
-    width: 45px;
+    width: 49px;
   }
   body.no-ember .d-header #site-logo {
     position: absolute;