diff --git a/ui/component/wunderbarSuggestions/view.jsx b/ui/component/wunderbarSuggestions/view.jsx index b2f7003c4..68a23d37d 100644 --- a/ui/component/wunderbarSuggestions/view.jsx +++ b/ui/component/wunderbarSuggestions/view.jsx @@ -321,16 +321,6 @@ export default function WunderBarSuggestions(props: Props) { className={classnames('wunderbar__suggestions', { 'wunderbar__suggestions--mobile': isMobile })} > - {uriFromQueryIsValid && !noTopSuggestion ? : null} - -
{__('Search Results')}
- - {showPlaceholder && term.length > LIGHTHOUSE_MIN_CHARACTERS ? : null} - - {!showPlaceholder && results - ? results.slice(0, isMobile ? 20 : 5).map((uri) => ) - : null} - {!noBottomLinks && (
@@ -344,6 +334,18 @@ export default function WunderBarSuggestions(props: Props) {
)} + +
+ + {uriFromQueryIsValid && !noTopSuggestion ? : null} + +
{__('Search Results')}
+ + {showPlaceholder && term.length > LIGHTHOUSE_MIN_CHARACTERS ? : null} + + {!showPlaceholder && results + ? results.slice(0, isMobile ? 20 : 5).map((uri) => ) + : null}
)} diff --git a/ui/scss/component/_wunderbar.scss b/ui/scss/component/_wunderbar.scss index 6d88871da..0645b6de7 100644 --- a/ui/scss/component/_wunderbar.scss +++ b/ui/scss/component/_wunderbar.scss @@ -264,6 +264,17 @@ :first-child { flex: 1; } + + .wunderbar__more-results { + margin-top: 0; + margin-left: var(--spacing-xxs); + margin-bottom: 0; + + @media (min-width: $breakpoint-small) { + margin-top: var(--spacing-xxs); + margin-bottom: 0; + } + } } [data-reach-combobox-option] {