diff --git a/index.html b/index.html
index cd9c907..724e297 100644
--- a/index.html
+++ b/index.html
@@ -1650,7 +1650,7 @@
                             </div>
                         </div>
                     </header>
-                    <form class="track-list-search-container" onsubmit="return false">
+                    <form class="track-list-search-container" onsubmit="return false;">
                         <svg
                             xmlns="http://www.w3.org/2000/svg"
                             width="20"
@@ -1676,7 +1676,12 @@
                             autocapitalize="off"
                             spellcheck="false"
                         />
-                        <button type="button" class="search-clear-btn btn-icon" title="Clear search" style="display: none">
+                        <button
+                            type="button"
+                            class="search-clear-btn btn-icon"
+                            title="Clear search"
+                            style="display: none"
+                        >
                             &times;
                         </button>
                     </form>
diff --git a/styles.css b/styles.css
index ab9a38a..49de3b9 100644
--- a/styles.css
+++ b/styles.css
@@ -474,14 +474,8 @@ kbd {
 }
 
 .search-bar svg.search-icon {
-    position: absolute;
-    left: 0.75rem;
-    top: 50%;
-    transform: translateY(-50%);
-    color: var(--muted-foreground);
     width: 20px;
     height: 20px;
-    pointer-events: none;
 }
 
 .sidebar-nav .nav-item a:hover {
@@ -576,20 +570,11 @@ kbd {
 }
 
 .search-bar {
-    position: relative;
     width: 80%;
     max-width: 100%;
-    display: flex;
-    align-items: center;
 }
 
 .search-bar input {
-    width: 100%;
-    padding: 0.75rem 2.5rem 0.75rem 2.5rem;
-    background-color: var(--input);
-    border: 1px solid var(--border);
-    border-radius: var(--radius);
-    color: var(--foreground);
     font-size: 1rem;
     transition:
         box-shadow var(--transition-fast),
@@ -597,7 +582,44 @@ kbd {
         background-color var(--transition-fast);
 }
 
-/* Clear button for search inputs */
+/* Shared search bar styles */
+.search-bar,
+.track-list-search-container {
+    position: relative;
+    display: flex;
+    align-items: center;
+}
+
+.search-bar svg.search-icon,
+.track-list-search-container svg.search-icon {
+    position: absolute;
+    left: 0.75rem;
+    top: 50%;
+    transform: translateY(-50%);
+    color: var(--muted-foreground);
+    pointer-events: none;
+}
+
+.search-bar input,
+.track-list-search-input {
+    width: 100%;
+    padding: 0.75rem 2.5rem;
+    background-color: var(--input);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    color: var(--foreground);
+    transition:
+        box-shadow var(--transition-fast),
+        border-color var(--transition-fast);
+}
+
+.search-bar input:focus,
+.track-list-search-input:focus {
+    outline: none;
+    border-color: var(--ring);
+    box-shadow: 0 0 0 3px rgb(var(--highlight-rgb) / 0.2);
+}
+
 .search-clear-btn {
     position: absolute;
     right: 0.25rem;
@@ -608,12 +630,6 @@ kbd {
     z-index: 1;
 }
 
-.search-bar input:focus {
-    outline: none;
-    border-color: var(--ring);
-    box-shadow: 0 0 0 3px rgb(var(--highlight-rgb), 0.2);
-}
-
 body.has-page-background .search-bar input {
     background-color: var(--background);
 }
@@ -5530,39 +5546,8 @@ textarea:focus {
 /* Track List Search */
 .track-list-search-container {
     margin: 1rem 0;
-    position: relative;
-    display: flex;
-    align-items: center;
-}
-
-.track-list-search-container svg.search-icon {
-    position: absolute;
-    left: 0.75rem;
-    top: 50%;
-    transform: translateY(-50%);
-    color: var(--muted-foreground);
-    pointer-events: none;
 }
 
 .track-list-search-input {
-    width: 100%;
-    padding: 0.75rem 2.5rem 0.75rem 2.5rem;
-    background-color: var(--input);
-    border: 1px solid var(--border);
-    border-radius: var(--radius);
-    color: var(--foreground);
     font-size: 0.95rem;
-    transition:
-        box-shadow var(--transition-fast),
-        border-color var(--transition-fast);
-}
-
-.track-list-search-input:focus {
-    outline: none;
-    border-color: var(--ring);
-    box-shadow: 0 0 0 3px rgb(var(--highlight-rgb) / 0.2);
-}
-
-.track-list-search-input::placeholder {
-    color: var(--muted-foreground);
 }