Fix inconsistent spacinggps-spacing-fixes

3 files changed, 4 insertions, 5 deletions

diff --git a/content/assets/stylesheets/stylesheet.scss b/content/assets/stylesheets/stylesheet.scss
index 9158113d..8a48dbf8 100644
--- a/content/assets/stylesheets/stylesheet.scss
+++ b/content/assets/stylesheets/stylesheet.scss
@@ -309,9 +309,8 @@ ol {
   }
   .gs-results {
     width: $search-sm-width;
-    top: 5.25rem;
+    margin-top: 1px;
     @media (min-width: $bp-md) {
-      top: 2.75rem;
       width: $search-lg-width;
     }
   }
diff --git a/content/frontend/search/components/google_search_form.vue b/content/frontend/search/components/google_search_form.vue
index 2b0c8fe6..6a90724b 100644
--- a/content/frontend/search/components/google_search_form.vue
+++ b/content/frontend/search/components/google_search_form.vue
@@ -161,7 +161,7 @@ export default {
       v-show="showResultPanel"
       class="gs-results gl-absolute gl-z-index-200 gl-bg-white gl-rounded gl-px-3 gl-shadow"
     >
-      <ul v-show="results.length" data-testid="search-results" class="gl-pl-0 gl-mb-3 gl-pt-3">
+      <ul v-if="results.length" data-testid="search-results" class="gl-pl-0 gl-mb-0 gl-pt-3">
         <li v-for="(result, index) in results" :key="result.cacheId" class="gl-list-style-none">
           <gl-link
             v-safe-html="result.formattedTitle"
diff --git a/content/frontend/search/components/recently_viewed.vue b/content/frontend/search/components/recently_viewed.vue
index d06d4fad..c3be7da8 100644
--- a/content/frontend/search/components/recently_viewed.vue
+++ b/content/frontend/search/components/recently_viewed.vue
@@ -21,9 +21,9 @@ export default {
 </script>
 
 <template>
-  <div v-if="pageHistory.length" class="gl-py-3 gl-mt-3">
+  <div v-if="pageHistory.length" class="gl-py-3 gl-mt-2">
     <div class="gl-font-weight-bold gl-text-left">Recently viewed</div>
-    <ul class="gl-pl-0 gl-mb-3 gl-pt-3">
+    <ul class="gl-pl-0 gl-mb-0 gl-pt-3">
       <li v-for="(page, index) in pageHistory" :key="page.path" class="gl-list-style-none">
         <gl-link
           :href="page.path"