diff --git a/src/features/schedule/components/ScheduleFilter.scss b/src/features/schedule/components/ScheduleFilter.scss
index 872c6410..cace433e 100644
--- a/src/features/schedule/components/ScheduleFilter.scss
+++ b/src/features/schedule/components/ScheduleFilter.scss
@@ -108,18 +108,21 @@
     margin-top: vars.$space-l;
   }
 
+  // Mirrors Angular `.search-button.color.blue-light`: 48px tall pill
+  // with $blue-light background and $blue-light--hover on hover.
   .search-button {
     width: 100%;
-    background: colors.$blue;
+    height: vars.$standard-button-height;
+    background: colors.$blue-light;
     color: colors.$white;
     border: none;
     border-radius: vars.$border-radius;
-    padding: 12px 16px;
-    font-size: 14px;
-    font-weight: fonts.$font-medium;
+    padding: 0 vars.$space-l;
+    font-size: fonts.$font-size-m;
+    font-weight: fonts.$font-bold;
     cursor: pointer;
     transition: background-color 150ms ease;
 
-    &:hover { background: colors.$blue--hover; }
+    &:hover { background: colors.$blue-light--hover; }
   }
 }