diff --git a/index.html b/index.html
index dcbbde441..c756c0c1d 100644
--- a/index.html
+++ b/index.html
@@ -82,7 +82,9 @@ <h3>All calculators, spot in a single place!!</h3>
         <!-- Search Bar -->
         <div id="searchBar">
             <h1>Search Calculator</h1><br>
-            <input type="text" id="calculatorSearch" placeholder="Enter Calculator Name" oninput="filterCalculators()">
+            <div class="search-input-container">
+                <input type="text" id="calculatorSearch" placeholder="Enter Calculator Name" oninput="filterCalculators()">
+            </div>
         </div>
 
         <div class="box">
diff --git a/style.css b/style.css
index fbd2e5a59..66a32234e 100644
--- a/style.css
+++ b/style.css
@@ -1665,12 +1665,18 @@ section {
     margin-top: 16px;
 }
 
+.search-input-container {
+    margin-left: 8rem;
+    align-items: center;
+    display: inline;
+}
+
 #searchBar button {
-    font-size: 2.5rem;
+    font-size: 2rem;
     background: transparent;
     border: 0;
     color: white;
-    margin-left: 1rem;
+    margin-left: 5px;
     background-color: #ff1b82;
     padding: .7rem;
     width: 8rem;
@@ -1704,6 +1710,8 @@ section {
     #searchBar input {
         width: 100%;
         font-size: 1.5rem;
+        align-items: center;
+        display: flex;
     }
 
     #searchBar button {