diff --git a/pages/top-navigation/screenshot.page.tsx b/pages/top-navigation/screenshot.page.tsx index 79ab430ef0..b7d72dbef4 100644 --- a/pages/top-navigation/screenshot.page.tsx +++ b/pages/top-navigation/screenshot.page.tsx @@ -187,7 +187,7 @@ export default function TopNavigationPage() { i18nStrings={I18N_STRINGS} identity={{ href: '#', - title: 'Title with an href and bottom border', + title: 'Title with an href', }} utilities={[ { @@ -235,7 +235,6 @@ export default function TopNavigationPage() { items: profileActions, }, ]} - showBottomBorder={true} /> ))} diff --git a/pages/top-navigation/simple.page.tsx b/pages/top-navigation/simple.page.tsx index 3a8fba071f..61e93837a9 100644 --- a/pages/top-navigation/simple.page.tsx +++ b/pages/top-navigation/simple.page.tsx @@ -55,16 +55,6 @@ export default function TopNavigationPage() { }} />
- -
diff --git a/src/top-navigation/styles.scss b/src/top-navigation/styles.scss index 33fe62225e..b79520aabf 100644 --- a/src/top-navigation/styles.scss +++ b/src/top-navigation/styles.scss @@ -10,6 +10,7 @@ .top-navigation { @include styles.styles-reset; background: awsui.$color-background-container-content; + border-block-end: awsui.$border-divider-section-width solid awsui.$color-border-divider-default; > .padding-box { display: flex; @@ -35,10 +36,6 @@ &.narrow > .padding-box { block-size: awsui.$space-xxxl; } - - &.with-bottom-border { - border-block-end: awsui.$border-divider-section-width solid awsui.$color-border-divider-default; - } } .virtual {