diff --git a/src/client/components/AdvancedSearch.vue b/src/client/components/AdvancedSearch.vue
index a7b05fca42414e25b8e08fde08ef90e2daa77a63..5cbb23f92e5fe57bd5d53a407120695751ba13e1 100644
--- a/src/client/components/AdvancedSearch.vue
+++ b/src/client/components/AdvancedSearch.vue
@@ -171,18 +171,15 @@ function removeFilter (filterChip: FilterChip): void {
 }
 
 .filter-chip {
-  border: 1px solid var(--primary);
   border-radius: 16px;
+  border: 1px solid var(--primary);
   color: var(--primary);
-  display: flex;
-  align-items: center;
   padding-left: 8px;
 }
 
 .filter-chip .remove-button {
   color: inherit;
   padding: 6px;
-  background: none;
   border: none;
   cursor: pointer;
 }
@@ -192,16 +189,9 @@ function removeFilter (filterChip: FilterChip): void {
 }
 
 .advanced-search-button {
-  background: none;
   border: none;
-  color: var(--white);
-  cursor: pointer;
   margin-left: auto;
-  padding-top: calc(var(--spacing) / 2);
-
-  &:hover {
-    color: var(--primary);
-  }
+  padding-right: 0;
 }
 
 .advanced-search-dialog h2 {
@@ -244,12 +234,10 @@ function removeFilter (filterChip: FilterChip): void {
 
 .search-button {
   background-color: var(--primary);
-  border-radius: var(--radius);
   border: none;
-  color: var(--white);
-  cursor: pointer;
   font-weight: 700;
   height: 40px;
-  padding: 7px var(--spacing);
+  padding-left: var(--spacing);
+  padding-right: var(--spacing);
 }
 </style>
diff --git a/src/client/components/SearchBar.vue b/src/client/components/SearchBar.vue
index c18881fe3c9cc38698e99f88f4f400585347a83a..de3ec406561b002cba585f2f33df46484d62a25a 100644
--- a/src/client/components/SearchBar.vue
+++ b/src/client/components/SearchBar.vue
@@ -110,10 +110,7 @@ function fetchAntibodies (): void {
 
 .search-button {
   background-color: var(--primary);
-  border-radius: var(--radius);
   border: none;
-  color: var(--white);
-  cursor: pointer;
   font-weight: bold;
   padding: calc(var(--spacing) / 2) var(--spacing);
 }