fix: dropdown border and padding on nav items

nr2f1 · Dec 10, 2024 · db98b23 · db98b23
1 parent 0be6674
commit db98b23
Showing 1 changed file with 1 addition and 21 deletions.
diff --git a/website/src/components/header/nav-list.module.scss b/website/src/components/header/nav-list.module.scss
@@ -85,7 +85,7 @@
     list-style: none;
     margin: 0;
     min-width: var(--spacing-72);
-    padding: 0;
+    padding: var(--spacing-1) 0;
     position: absolute;
     width: 100%;
     border: var(--spacing-0) solid var(--grey-300);
@@ -99,26 +99,6 @@
   & li {
     padding: var(--spacing-2) var(--spacing-3);
 
-    &:first-of-type {
-      border-top-left-radius: var(--border-radius-xl);
-      border-top-right-radius: var(--border-radius-xl);
-
-      @include breakpoints.from-small-to-medium-screen {
-        border-top-left-radius: unset;
-        border-top-right-radius: unset;
-      }
-    }
-
-    &:last-of-type {
-      border-bottom-left-radius: var(--border-radius-xl);
-      border-bottom-right-radius: var(--border-radius-xl);
-
-      @include breakpoints.from-small-to-medium-screen {
-        border-bottom-left-radius: unset;
-        border-bottom-right-radius: unset;
-      }
-    }
-
     &:hover,
     &:focus {
       background-color: var(--background-accent-navy);