diff --git a/frontend/src/components/BigCheckbox.svelte b/frontend/src/components/BigCheckbox.svelte
index 17f7dae..31bddd4 100644
--- a/frontend/src/components/BigCheckbox.svelte
+++ b/frontend/src/components/BigCheckbox.svelte
@@ -9,7 +9,8 @@
 </script>
 
 <div class="flex flex-col w-full text-sm md:text-base">
-    <div
+    <button
+        type="button"
         class="bg-kuRed text-white text-center px-2 py-1"
         on:click="{() => (show = !show)}"
     >
@@ -17,7 +18,7 @@
             {show ? "Hide" : "Show"}
             {header_name}s {selected.length ? `(${selected.length})` : ""}
         </h2>
-    </div>
+    </button>
 
     <div class="flex flex-col {show ? 'visible' : 'hidden'}">
         <button
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 43a98e3..6b5435e 100755
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -201,12 +201,17 @@
         <h1 class="text-brand-500 text-4xl font-bold -mb-4">KU Courses 2.0</h1>
         <ChangelogButton />
         <div>
-            <input type="text" placeholder="Search" bind:value="{search}" />
+            <input
+                class="p-2 border-2 border-kuGray"
+                type="text"
+                placeholder="Search"
+                bind:value="{search}"
+            />
             <button
-                class="bg-kuRed text-white p-2"
+                class="bg-kuRed text-white p-2 border-2 border-kuRed"
                 on:click="{() => (search = '')}"
             >
-                Clear search
+                Clear text
             </button>
         </div>
         <div>