diff --git a/common/common.scss b/common/common.scss
index 3fd970f..84c7372 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -60,7 +60,11 @@
     }
   }
 
-  h1 {
+  .custom-search-banner-headline {
+    font-family: var(--heading-font-family);
+    font-size: var(--font-up-5);
+    font-weight: bold;
+    margin-bottom: 0.5rem;
     text-align: center;
   }
 
diff --git a/javascripts/discourse/components/search-banner.gjs b/javascripts/discourse/components/search-banner.gjs
index f6698b8..85ed895 100644
--- a/javascripts/discourse/components/search-banner.gjs
+++ b/javascripts/discourse/components/search-banner.gjs
@@ -88,7 +88,9 @@ export default class SearchBanner extends Component {
           {{willDestroy this.willDestroy}}
         >
           <div class="wrap custom-search-banner-wrap welcome-banner__wrap">
-            <h1>{{htmlSafe (i18n (themePrefix "search_banner.headline"))}}</h1>
+            <div class="custom-search-banner-headline">
+              {{htmlSafe (i18n (themePrefix "search_banner.headline"))}}
+            </div>
             <PluginOutlet @name="search-banner-below-headline" />
             <p>{{htmlSafe (i18n (themePrefix "search_banner.subhead"))}}</p>
             <div class="search-menu welcome-banner__search-menu">
diff --git a/stylesheets/special-styles.scss b/stylesheets/special-styles.scss
index 9856a4a..3355b04 100644
--- a/stylesheets/special-styles.scss
+++ b/stylesheets/special-styles.scss
@@ -36,7 +36,7 @@
       width: auto;
     }
 
-    > h1,
+    > .custom-search-banner-headline,
     > p {
       display: none;
     }
diff --git a/test/acceptance/search-banner-test.js b/test/acceptance/search-banner-test.js
index 0eae042..bc765e6 100644
--- a/test/acceptance/search-banner-test.js
+++ b/test/acceptance/search-banner-test.js
@@ -25,7 +25,7 @@ acceptance("Discourse Advanced Search Banner", function (needs) {
     assert.dom(".custom-search-banner .results").exists();
 
     // select a element to simulate clicking outside the search banner
-    await click(".custom-search-banner h1");
+    await click(".custom-search-banner .custom-search-banner-headline");
     assert.dom(".custom-search-banner .results").doesNotExist();
   });