From e6052e25c1bb6df7932296d241f2e33d95c250fb Mon Sep 17 00:00:00 2001
From: Ashley Robinson <ashley@cos.io>
Date: Wed, 23 Aug 2023 14:07:27 -0400
Subject: [PATCH] Bug fixes for sort dropdown, help guide button and next
 buttons.

---
 .../addon/components/search-page/styles.scss          | 11 +++++++----
 .../addon/components/search-page/template.hbs         |  2 +-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/lib/osf-components/addon/components/search-page/styles.scss b/lib/osf-components/addon/components/search-page/styles.scss
index 91572e8501..46ff895a8f 100644
--- a/lib/osf-components/addon/components/search-page/styles.scss
+++ b/lib/osf-components/addon/components/search-page/styles.scss
@@ -39,6 +39,7 @@ body {
             margin-left: 0;
             position: absolute;
             right: 0.1rem;
+            margin-right: -5px;
         }
     }
 }
@@ -225,6 +226,7 @@ body {
 
     .enumeration {
         float: left;
+        white-space: nowrap;
     }
 
     h2 {
@@ -236,7 +238,7 @@ body {
 
     p {
         white-space: normal;
-        margin: 25px 5px 20px;
+        margin: 25px 5px 0;
     }
 
     .skip-button {
@@ -248,13 +250,15 @@ body {
         display: flex;
         justify-content: space-between;
         align-items: baseline;
+        margin-bottom: 0.5rem;
     }
 
     .help-button-wrapper {
         display: flex;
         justify-content: flex-end;
+        padding: 0;
 
-        button:first-of-type {
+        .skip-button {
             margin-right: 20px;
         }
     }
@@ -275,8 +279,7 @@ body {
 
 .sort-dropdown {
     background-color: $color-bg-gray-blue-light;
-    display: flex;
-    align-items: flex-end;
+    align-self: flex-end;
     padding-bottom: 10px;
     margin-left: 10px;
 
diff --git a/lib/osf-components/addon/components/search-page/template.hbs b/lib/osf-components/addon/components/search-page/template.hbs
index a97594ce2d..e6e1cc0cae 100644
--- a/lib/osf-components/addon/components/search-page/template.hbs
+++ b/lib/osf-components/addon/components/search-page/template.hbs
@@ -371,7 +371,7 @@ as |layout|>
             <p data-test-help-body-3>{{t 'search.search-help.body-3'}}</p>
             <span local-class='pagination'>
                 <p local-class='enumeration' data-test-help-enumeration-3>{{t 'search.search-help.index-3'}}</p>
-                <span local-class='help-button-wrappers'>
+                <span local-class='help-button-wrapper'>
                     <Button
                         data-test-help-done
                         data-analytics-name='Complete help'