fixed sizing of new search bar

src/assets/pages/resources-landing-page.html

@@ -89,7 +89,7 @@
 
                 <div class="album py-5">
                             
-                    <div class="input-group w-100">
+                    <div class="input-group">
                         <input type="text" class="form-control width-100 bg-info border border-boxborder text-searchfont"
                         placeholder="Search"
                         aria-label="Search">
@@ -107,18 +107,18 @@
 
 
 
-                <div class="sb-example-1">
-         <div class="search">
-            <input type="text" class="searchTerm" placeholder="Search">
-            <button type="submit" class="searchbutton">
-                <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-search" fill="info" xmlns="http://www.w3.org/2000/svg">
-                            <path fill-rule="evenodd" d="M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z"/>
-                            <path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/>
-                            </svg>
-              <i class="fa fa-search"></i>
-           </button>
-         </div>
-      </div>
+                <div class="sb-example-1 w-100">
+                    <div class="search">
+                        <input type="text" class="searchTerm" placeholder="Search">
+                        <button type="submit" class="searchbutton">
+                        <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-search" fill="info" xmlns="http://www.w3.org/2000/svg">
+                        <path fill-rule="evenodd" d="M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z"/>
+                        <path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/>
+                        </svg>
+                        <i class="fa fa-search"></i>
+                        </button>
+                    </div>
+                </div>
 
 
                     <div class="album py-5 ">

src/assets/pages/styles/theme-base.scss

@@ -79,9 +79,11 @@ body {
 }
 
 .sb-example-1 .search {
-  width: 100%;
+  width: 95%;
   position: relative;
   display: flex;
+  margin: auto;
+  max-width: 1200px
 }
 
 .sb-example-1 .searchTerm {