diff --git a/css/index.css b/css/index.css
index 0793bc1..27609e0 100644
--- a/css/index.css
+++ b/css/index.css
@@ -230,14 +230,16 @@ button:hover {
     row-gap: 2ch;
 }
 #stupid {
-    color: #a6a6a6;
+    color: black;
+    background-color: #a6a6a6;
     height: 10px;
     border-radius: 53px;
     z-index: 2;
     padding: 0px 20px;
 }
 #stupidbackgroundbox {
-    color: #a6a6a6;
+    color: black;
+    background-color: #a6a6a6;
     z-index: -1;
     height:10px;
     border-radius: 53px;
@@ -249,7 +251,8 @@ button:hover {
     border-radius: 53px;
 }
 #dumb {
-    color: #d9d9d9;
+    color: black;
+    background-color: #d9d9d9;
     z-index: 0;
     height:10px;
     border-radius: 53px;
@@ -277,4 +280,17 @@ button:hover {
 #containerHell {
     width: 151px;
     justify-content: center;
-}
\ No newline at end of file
+}
+#sped{
+    /* have to do this stupid important thing to override the colors set on the button element */
+    color: transparent !important;
+    background-color: transparent !important;
+    display:flex;
+    height: 36px;
+    width: 30px;
+    position:fixed;
+}
+button:hover{
+    color: transparent !important;
+    background-color: transparent !important;
+}
diff --git a/css/searchbar.css b/css/searchbar.css
index a76fbb0..ddd8e11 100644
--- a/css/searchbar.css
+++ b/css/searchbar.css
@@ -4,6 +4,7 @@
     margin: 20px 0;
     display:flex;
     flex-direction: column;
+    justify-content:center;
  }
  
  #search-bar {
@@ -13,6 +14,8 @@
     border-radius: 4px;
     width: 50%;
     max-width: 400px;
+    display: flex;
+    justify-content: left;
  }
  #search-icon{
    font-size:30px;
diff --git a/index.html b/index.html
index a00eac4..57171a6 100644
--- a/index.html
+++ b/index.html
@@ -32,22 +32,23 @@
     <label for="mobileCheckbox">Mobile Checkbox</label>
     <input type="checkbox" id="mobileCheckbox"> -->
     <div class="search-container">
+        <!-- thats right a closed input tag (and the input is a flexbox!), we going full dumbass mode-->
         <input type="text" id="search-bar" placeholder="Search Clients...">
-        <button alt="Search">
-            <i class="bi bi-search" id="search-icon" ></i>
-        </button>
-        <button alt="Clear search">
-            <i class="bi bi-x" id="search-clear" ></i>
-        </button>
+            <button alt="Clear search">
+                <i class="bi bi-x" id="search-clear" ></i>
+            </button>
+        </input>
     </div>
     <div id="versionSelector">
-        <div id="stupidcontainer">
-            <button id="stupid">1.8</button>
-            <div id="stupidbackgroundbox"></div>
-        </div>
-        <div id="dumbcontainer">
-            <button id="dumb">1.5.2</button>
-            <div id="dumbbackgroundbox"></div>
+        <div id="containerhell">
+            <div id="stupidcontainer">
+                <button id="stupid">1.8</button>
+                <div id="stupidbackgroundbox"></div>
+            </div>
+            <div id="dumbcontainer">
+                <button id="dumb">1.5.2</button>
+                <div id="dumbbackgroundbox"></div>
+            </div>
         </div>
     </div>
     <div id="gamescontainer">