fix header dropdown padding

src/assets/scss/base/_bootstrap-overrides.scss

@@ -15,7 +15,7 @@ a:hover {
 
   .dropdown-item {
     font-size: $font-size-sm;
-    padding: .25rem 1.25rem .25rem .5rem !important;
+    padding: .25rem 1.25rem .25rem .5rem;
   }
 
   @include media-breakpoint-up($layout-bp) {
@@ -23,7 +23,6 @@ a:hover {
 
     .dropdown-item {
       font-size: $font-size-base;
-      padding: .25rem $header-spacer;
     }
   }
 }

src/pages/_partials/MainHeader.vue

@@ -67,7 +67,7 @@ export default {
         { to: 'kit', variant: 'kit' },
         { to: 'gallery', variant: 'creation' }
       ],
-      subRoutes: ['home', 'introduction', 'blog', 'contact']
+      subRoutes: ['home', 'introduction', 'contact']
     }
   },
 
@@ -116,6 +116,14 @@ export default {
     .dropdown-menu {
       border: 0;
 
+      .dropdown-item {
+        padding: .25rem $header-spacer-sm;
+
+        @include media-breakpoint-up($layout-bp) {
+          padding: .25rem $header-spacer;
+        }
+      }
+
       @include media-breakpoint-down($size-bp-down) {
         width: 100vw;
       }
@@ -123,6 +131,7 @@ export default {
       @each $variant in 'dark', 'kit', 'creation' {
         .dropdown-item-#{$variant} {
           background-color: theme-color($variant);
+
           a:not(:hover):not(:focus) {
             color: if($variant == 'dark', $white, $black);
           }
@@ -186,6 +195,7 @@ export default {
 
       li {
         height: 22px;
+
         &:not(:last-child) {
           margin-bottom: 3px;
         }