diff --git a/common/common.scss b/common/common.scss
index b9e3a69..46a79af 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -8,7 +8,7 @@ $max-width: 600px;
   }
 }
 
-.custom-search-banner-wrap {
+.search-banner {
   @if $background-image != "none" {
     background-image: url($background-image);
   } @else {
@@ -20,6 +20,9 @@ $max-width: 600px;
     background-size: cover;
     background-repeat: no-repeat;
   }
+}
+
+.custom-search-banner-wrap {
   box-sizing: border-box;
   position: relative;
   padding: 2.5em 0 3em;
diff --git a/settings.yml b/settings.yml
index fde4dd4..854629a 100644
--- a/settings.yml
+++ b/settings.yml
@@ -15,9 +15,9 @@ plugin_outlet:
     - below-site-header
 
 background_image:
-  type: string
-  default: none
-  description: Enter an image url
+  type: upload
+  default: ""
+  description: background image for the banner
 
 tile_background_image: false