diff --git a/css/index.css b/css/index.css
index 27609e0..cc73fc9 100644
--- a/css/index.css
+++ b/css/index.css
@@ -61,7 +61,11 @@ button {
     display: inline-block;
     max-width: 200px;
 }
-
+#thing {
+    display:flex;
+    align-items: center;
+    justify-content: center;
+}
 .source-btn {
     background-color: #333333;
     color: white;
@@ -232,7 +236,7 @@ button:hover {
 #stupid {
     color: black;
     background-color: #a6a6a6;
-    height: 10px;
+    height: 20px;
     border-radius: 53px;
     z-index: 2;
     padding: 0px 20px;
@@ -254,7 +258,7 @@ button:hover {
     color: black;
     background-color: #d9d9d9;
     z-index: 0;
-    height:10px;
+    height:20px;
     border-radius: 53px;
     padding: 0px 20px;
 }
@@ -294,3 +298,7 @@ button:hover{
     color: transparent !important;
     background-color: transparent !important;
 }
+#containerhell{
+    display: flex;
+    flex-direction: row;
+}
\ No newline at end of file
diff --git a/css/popup.css b/css/popup.css
index 6c3ef26..37de089 100644
--- a/css/popup.css
+++ b/css/popup.css
@@ -12,7 +12,7 @@ body {
 .modal {
     display: none;
     position: fixed;
-    z-index: 1;
+    z-index: 10;
     left: 0;
     top: 0;
     width: 100%;
diff --git a/css/searchbar.css b/css/searchbar.css
index ddd8e11..437a979 100644
--- a/css/searchbar.css
+++ b/css/searchbar.css
@@ -3,7 +3,7 @@
     text-align: center;
     margin: 20px 0;
     display:flex;
-    flex-direction: column;
+    flex-direction: row;
     justify-content:center;
  }
  
@@ -26,5 +26,4 @@
    font-size:30px;
    font-size:30px;
    position:fixed;
-   right: calc(100vw - 800px);
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 57171a6..4267c84 100644
--- a/index.html
+++ b/index.html
@@ -33,11 +33,11 @@
     <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-->
+         <!-- mb it turns out you cant close input tags (wow no way who wouldve thought)-->
         <input type="text" id="search-bar" placeholder="Search Clients...">
-            <button alt="Clear search">
-                <i class="bi bi-x" id="search-clear" ></i>
-            </button>
-        </input>
+        <button alt="Clear search" id="thing">
+            <i class="bi bi-x" id="search-clear" ></i>
+        </button>
     </div>
     <div id="versionSelector">
         <div id="containerhell">