diff --git a/inst/pkgdown/templates/header.html b/inst/pkgdown/templates/header.html
index 666867c9..34f61710 100644
--- a/inst/pkgdown/templates/header.html
+++ b/inst/pkgdown/templates/header.html
@@ -181,7 +181,7 @@
         {{/more}}
       </ul>
     </div>
-    <form class="d-flex col-md-2 search-form">
+    <form class="d-flex col-md-2 justify-content-end search-form">
       <fieldset disabled>
       <input class="form-control me-2 searchbox" type="search" placeholder="{{ translate.Search }}" aria-label="{{ translate.Search }}">
         <button class="btn btn-outline-success tablet-search-button"  type="submit">
diff --git a/source/stylesheets/header.scss b/source/stylesheets/header.scss
index 81d9bd8c..7b1b5624 100644
--- a/source/stylesheets/header.scss
+++ b/source/stylesheets/header.scss
@@ -249,6 +249,11 @@
   height:14px;
 }
 
+.search-form {
+  position: relative;
+  min-width: 200px;
+}
+
 @include media-breakpoint-up(md) {
   .progress {
     height: 12px;
@@ -282,8 +287,8 @@
 
   .tablet-search-button {
     position: absolute;
-    top: 8px;
-    right: 60px;
+    top: 0px;
+    right: 38px;
     border: none;
     color: $black;
     display: block;
@@ -301,7 +306,7 @@
     display: block;
   }
   .tablet-search-button {
-    margin-right: -25px;
+    margin-right: -45px;
   }
 
   .tablet-search-button:hover {
@@ -358,6 +363,7 @@
     left: 10%;
     margin-bottom: 30px;
     margin-top: 25px;
+    margin-right: 232px;
   }
 
   .top-nav {
@@ -420,8 +426,8 @@
 
   .tablet-search-button {
     position: absolute;
-    top: 8px;
-    right: 35px;
+    top: 0px;
+    right: -24px;
   }
 
   .desktop-search {