diff --git a/lib/dotcom_web/components/route_components.ex b/lib/dotcom_web/components/route_components.ex
index 29ef589fae..9791425baf 100644
--- a/lib/dotcom_web/components/route_components.ex
+++ b/lib/dotcom_web/components/route_components.ex
@@ -72,6 +72,7 @@ defmodule DotcomWeb.RouteComponents do
   attr :route, Route, required: true
   attr :class, :string, default: ""
   attr :stop_pin?, :boolean, default: false
+  attr :stop_cancelled?, :boolean, default: false
 
   attr :variant, :string,
     default: "default",
@@ -93,7 +94,10 @@ defmodule DotcomWeb.RouteComponents do
           <div class={"#{route_to_class(@route)} grow top"} />
           <div class={"#{route_to_class(@route)} grow bottom"} />
         </div>
-        <.lined_list_marker variant={@variant} route={@route} />
+        <.lined_list_marker
+          variant={if(@stop_cancelled?, do: "blank", else: @variant)}
+          route={@route}
+        />
       </div>
       <div class="relative">
         <Icon.icon
@@ -102,6 +106,11 @@ defmodule DotcomWeb.RouteComponents do
           name="stop-pin"
           class="h-6 w-6 absolute z-20 -left-7 -top-6"
         />
+        <Icon.icon
+          :if={@stop_cancelled?}
+          name="xmark"
+          class="size-3 absolute z-20 right-[.625rem] -top-1.5"
+        />
       </div>
       {render_slot(@inner_block)}
     </div>
@@ -109,7 +118,7 @@ defmodule DotcomWeb.RouteComponents do
   end
 
   attr :route, Route, required: true
-  attr :variant, :string, default: "default", values: ["default", "mode", "none"]
+  attr :variant, :string, default: "default", values: ["blank", "default", "mode", "none"]
 
   defp lined_list_marker(%{variant: "none"} = assigns) do
     ~H""
@@ -141,8 +150,10 @@ defmodule DotcomWeb.RouteComponents do
     <div class={[
       "#{route_to_class(@route)}",
       "absolute top-0 bottom-0 left-0 right-0 z-20 m-auto",
-      "size-3.5 rounded-full rounded-full border-xs border-[#00000026]"
-    ]} />
+      "size-3.5 rounded-full border-xs border-[#00000026]"
+    ]}>
+      <div :if={@variant == "blank"} class="size-3 rounded-full bg-white opacity-75" />
+    </div>
     """
   end
 end
diff --git a/lib/dotcom_web/live/schedule_finder_live.ex b/lib/dotcom_web/live/schedule_finder_live.ex
index dde71fdbb0..8b5baedddc 100644
--- a/lib/dotcom_web/live/schedule_finder_live.ex
+++ b/lib/dotcom_web/live/schedule_finder_live.ex
@@ -337,7 +337,7 @@ defmodule DotcomWeb.ScheduleFinderLive do
     alerts =
       current_alerts(stop, route)
       |> Enum.filter(fn %{informed_entity: %{direction_id: direction_id}} ->
-        direction in direction_id
+        Enum.any?([nil, direction], &(&1 in direction_id))
       end)
 
     assign(socket, :alerts, alerts)
@@ -922,16 +922,20 @@ defmodule DotcomWeb.ScheduleFinderLive do
 
   defp other_stop(assigns) do
     ~H"""
-    <.lined_list_item route={@route} class={@class} stop_pin?={@highlight}>
-      <div class={["grow", @highlight && "font-bold"]}>
+    <.lined_list_item
+      route={@route}
+      class={@class}
+      stop_pin?={@highlight}
+      stop_cancelled?={@other_stop.cancelled?}
+    >
+      <div class={["grow", @highlight && "font-bold", @other_stop.cancelled? && "line-through"]}>
         <.stop_label stop_name={@other_stop.stop_name} platform_name={@other_stop.platform_name} />
       </div>
-      <div class={[
-        "ml-auto",
-        @highlight && "font-bold",
-        @other_stop.cancelled? && "line-through"
-      ]}>
-        <.trip_stop_time time={@other_stop.time} />
+      <div class="ml-auto">
+        <div class={[@highlight && "font-bold", @other_stop.cancelled? && "line-through"]}>
+          <.trip_stop_time time={@other_stop.time} />
+        </div>
+        <div :if={@other_stop.cancelled?} class="block text-sm">{~t(Skipped)}</div>
       </div>
     </.lined_list_item>
     """