diff --git a/code/services-application/search-service/resources/jte/serp/main.jte b/code/services-application/search-service/resources/jte/serp/main.jte
index 1da8c877..710e7145 100644
--- a/code/services-application/search-service/resources/jte/serp/main.jte
+++ b/code/services-application/search-service/resources/jte/serp/main.jte
@@ -23,7 +23,7 @@
                 @template.serp.part.searchform(query = results.getParams().query(), profile = results.getProfile(), filters = results.getFilters())
             </div>
             <div class="grow"></div>
-            <button class="fixed bottom-10 right-5 sm:hidden text-sm bg-margeblue text-white p-4 rounded-xl" id="filter-button">
+            <button class="fixed bottom-10 right-5 sm:hidden text-sm bg-margeblue text-white p-4 rounded-xl active:text-slate-200" id="filter-button">
                 <i class="fas fa-filter mr-3"></i>
                 Filters
             </button>
diff --git a/code/services-application/search-service/resources/jte/serp/part/mobile-menu.jte b/code/services-application/search-service/resources/jte/serp/part/mobile-menu.jte
index 7f929a46..d30eb3bb 100644
--- a/code/services-application/search-service/resources/jte/serp/part/mobile-menu.jte
+++ b/code/services-application/search-service/resources/jte/serp/part/mobile-menu.jte
@@ -5,8 +5,8 @@
 
 
 <aside id="mobile-menu" class="fixed inset-0 z-50 flex justify-center bg-white/90 backdrop-blur-sm hidden">
-    <button id="hide-filter-button" class="fixed top-5 right-5 bg-margeblue text-white p-3 rounded text-sm">
-        <i class="fas fa-close"></i>
+    <button id="hide-filter-button" class="fixed bottom-10 right-5 text-sm bg-margeblue text-white p-4 rounded-xl active:text-slate-200">
+        <i class="fas fa-close mr-4"></i> Close
     </button>
     <div class="flex mx-auto flex-col my-10 px-4">
         <div class="text-xl my-4"><i class="fas fa-filter mr-2 text-margeblue"></i>Filters</div>
@@ -14,7 +14,7 @@
             @for (List<SearchFilters.Filter> filterGroup : filters.getFilterGroups())
                 @for (SearchFilters.Filter filter : filterGroup)
                     <label class="flex items-center">
-                        <button onclick="document.location='$unsafe{filter.url}'" class="flex-1 py-2 rounded flex flex-col place-items-center has-[:checked]:bg-gray-100 has-[:checked]:text-slate-900 hover:bg-gray-50 text-margeblue">
+                        <button onclick="document.location='$unsafe{filter.url}'" class="flex-1 py-2 rounded flex flex-col place-items-center has-[:checked]:bg-gray-100 has-[:checked]:text-slate-900 hover:bg-gray-50 text-margeblue outline-1 active:outline">
                             @if (filter.current)
                                 <input type="checkbox" checked class="sr-only" aria-checked="true" />
                             @else
@@ -33,7 +33,7 @@
         <div class="grid grid-cols-3 gap-4">
             @for (SearchFilters.SearchOption option : filters.searchOptions())
                 <label class="flex items-center">
-                    <button onclick="document.location='$unsafe{option.getUrl()}'" class="flex-1 py-2 rounded flex flex-col place-items-center has-[:checked]:bg-gray-100 has-[:checked]:text-slate-900 hover:bg-gray-50 text-margeblue">
+                    <button onclick="document.location='$unsafe{option.getUrl()}'" class="flex-1 py-2 rounded flex flex-col place-items-center has-[:checked]:bg-gray-100 has-[:checked]:text-slate-900 hover:bg-gray-50 text-margeblue outline-1 active:outline">
                         @if (option.isSet())
                             <input type="checkbox" checked class="sr-only" aria-checked="true" />
                         @else
diff --git a/code/services-application/search-service/resources/jte/serp/part/result.jte b/code/services-application/search-service/resources/jte/serp/part/result.jte
index 6c85ca21..df16fb05 100644
--- a/code/services-application/search-service/resources/jte/serp/part/result.jte
+++ b/code/services-application/search-service/resources/jte/serp/part/result.jte
@@ -38,11 +38,11 @@
             </div>
             @if (!domainSearch)
                 <div class="flex flex-col ml-5 content-center items-center space-y-2">
-                    <a href="/site/${result.getDomain().toString()}" class="p-1.5 text-gray-600 hover:text-gray-900 rounded" title="About this domain">
+                    <a href="/site/${result.getDomain().toString()}" class="p-1.5 text-gray-600 hover:text-gray-900 rounded-xl active:outline outline-1 outline-margeblue" title="About this domain">
                         <i class="fas fa-info text-sm"></i>
                     </a>
                     <a href="https://web.archive.org/web/*/${result.first.url.toString()}"
-                       class="p-1.5 text-gray-600 hover:text-gray-900 rounded"
+                       class="p-1.5 text-gray-600 hover:text-gray-900 rounded-xl active:outline outline-1 outline-margeblue"
                        title="Wayback Machine">
                         <i class="fas fa-clock-rotate-left text-sm"></i>
                     </a>
diff --git a/code/services-application/search-service/resources/jte/serp/part/searchform.jte b/code/services-application/search-service/resources/jte/serp/part/searchform.jte
index d61921e0..2441842d 100644
--- a/code/services-application/search-service/resources/jte/serp/part/searchform.jte
+++ b/code/services-application/search-service/resources/jte/serp/part/searchform.jte
@@ -29,7 +29,7 @@
 
         <div id="searchSuggestions" class="text-sm absolute top-2 mt-10 w-96 bg-white border border-gray-200 rounded-lg shadow-lg hidden"></div>
 
-        <button class="px-4 py-2 bg-margeblue text-white ml-2 rounded whitespace-nowrap ">
+        <button class="px-4 py-2 bg-margeblue text-white ml-2 rounded whitespace-nowrap active:text-slate-200">
             <i class="fas fa-search text-sm sm:mr-3"></i>
             Search
         </button>
diff --git a/code/services-application/search-service/resources/jte/serp/part/sidebar.jte b/code/services-application/search-service/resources/jte/serp/part/sidebar.jte
index 3c4cbe4e..24e70d48 100644
--- a/code/services-application/search-service/resources/jte/serp/part/sidebar.jte
+++ b/code/services-application/search-service/resources/jte/serp/part/sidebar.jte
@@ -13,7 +13,7 @@
                 @for (List<SearchFilters.Filter> filterGroup : filters.getFilterGroups())
                     @for (SearchFilters.Filter filter : filterGroup)
                         <label class="flex items-center">
-                            <button title="${filter.displayName}" onclick="document.location='$unsafe{filter.url}'" class="flex-1 py-2 pl-2 rounded flex space-x-2 has-[:checked]:bg-gray-100 has-[:checked]:text-slate-900 hover:bg-gray-50 bg-white text-margeblue">
+                            <button title="${filter.displayName}" onclick="document.location='$unsafe{filter.url}'" class="flex-1 py-2 pl-2 rounded flex space-x-2 has-[:checked]:bg-gray-100 has-[:checked]:text-slate-900 hover:bg-gray-50 bg-white text-margeblue outline-1 active:outline">
                                 @if (filter.current)
                                     <input type="checkbox" checked class="sr-only" aria-checked="true" />
                                 @else
@@ -38,7 +38,7 @@
             <div class="space-y-2">
                 @for (SearchFilters.SearchOption option : filters.searchOptions())
                     <label class="flex items-center">
-                            <button title="${option.name()}" onclick="document.location='$unsafe{option.getUrl()}'" class="flex-1 py-2 pl-2 rounded flex space-x-2 has-[:checked]:bg-gray-100 has-[:checked]:text-slate-900 hover:bg-gray-50  bg-white text-margeblue">
+                            <button title="${option.name()}" onclick="document.location='$unsafe{option.getUrl()}'" class="flex-1 py-2 pl-2 rounded flex space-x-2 has-[:checked]:bg-gray-100 has-[:checked]:text-slate-900 hover:bg-gray-50  bg-white text-margeblue outline-1 active:outline">
                                 @if (option.isSet())
                                     <input type="checkbox" checked class="sr-only" aria-checked="true" />
                                 @else