diff --git a/assets/tailwind.config.js b/assets/tailwind.config.js
index bc3b00e1fb..10b83e1573 100644
--- a/assets/tailwind.config.js
+++ b/assets/tailwind.config.js
@@ -57,7 +57,7 @@ module.exports = {
   ],
   safelist: [
     {
-      pattern: /(bg|text|border|ring)-(logan-express|blue|green|orange|red|silver|bus|ferry|)./
+      pattern: /(bg|text|border|ring|stroke)-(logan-express|blue|green|orange|red|silver|bus|brand-bus|ferry|commuter-rail).*/
     }
   ],
   theme: {
diff --git a/lib/css_helpers.ex b/lib/css_helpers.ex
index 67fcdd1be1..e7e3e5adf7 100644
--- a/lib/css_helpers.ex
+++ b/lib/css_helpers.ex
@@ -50,4 +50,26 @@ defmodule CSSHelpers do
       "mbta-route-#{String.downcase(route.id)}-line"
     end
   end
+
+  @doc """
+  Returns a Tailwind stroke color class for a route.
+  This is used for SVG elements that need stroke colors.
+  """
+  @spec route_to_stroke_class(Route.t()) :: String.t()
+  def route_to_stroke_class(%Route{type: 3} = route) do
+    if Route.silver_line?(route) do
+      "stroke-silver-line"
+    else
+      "stroke-brand-bus"
+    end
+  end
+
+  def route_to_stroke_class(%Route{type: 2}), do: "stroke-commuter-rail"
+  def route_to_stroke_class(%Route{type: 4}), do: "stroke-ferry"
+  def route_to_stroke_class(%Route{id: "Mattapan"}), do: "stroke-red-line"
+  def route_to_stroke_class(%Route{id: "Red"}), do: "stroke-red-line"
+  def route_to_stroke_class(%Route{id: "Blue"}), do: "stroke-blue-line"
+  def route_to_stroke_class(%Route{id: "Orange"}), do: "stroke-orange-line"
+  def route_to_stroke_class(%Route{id: "Green" <> _}), do: "stroke-green-line"
+  def route_to_stroke_class(_), do: "stroke-black"
 end
diff --git a/lib/dotcom_web/components/route_components.ex b/lib/dotcom_web/components/route_components.ex
index e0fc0643a3..d77af6bd1a 100644
--- a/lib/dotcom_web/components/route_components.ex
+++ b/lib/dotcom_web/components/route_components.ex
@@ -76,7 +76,7 @@ defmodule DotcomWeb.RouteComponents do
 
   attr :variant, :string,
     default: "default",
-    values: ["cancelled", "default", "mode", "none"],
+    values: ["cancelled", "default", "mode", "none", "squiggle"],
     doc:
       "Determines what kind of marker gets put on the line. `default` is a small round circle, " <>
         "`mode` is a larger bus, subway, etc icon, and `none` draws no marker at all."
@@ -115,7 +115,10 @@ defmodule DotcomWeb.RouteComponents do
 
   attr :background, :string, default: "white", values: ["white", "charcoal-90"]
   attr :route, Route, required: true
-  attr :variant, :string, default: "default", values: ["cancelled", "default", "mode", "none"]
+
+  attr :variant, :string,
+    default: "default",
+    values: ["cancelled", "default", "mode", "none", "squiggle"]
 
   defp lined_list_marker(%{variant: "none"} = assigns) do
     ~H""
@@ -155,6 +158,19 @@ defmodule DotcomWeb.RouteComponents do
     """
   end
 
+  defp lined_list_marker(%{variant: "squiggle"} = assigns) do
+    ~H"""
+    <div class={[
+      "#{route_to_stroke_class(@route)}",
+      "absolute top-0 bottom-0 left-0 right-0 z-20 m-auto",
+      "size-5 #{background_to_bg_class(@background)}",
+      "flex items-center justify-items-center"
+    ]}>
+      <Icon.icon type="icon-svg" name="icon-squiggle" />
+    </div>
+    """
+  end
+
   defp lined_list_marker(assigns) do
     ~H"""
     <div class={[
@@ -167,4 +183,7 @@ defmodule DotcomWeb.RouteComponents do
 
   defp background_to_ring_class("white"), do: "ring-white"
   defp background_to_ring_class("charcoal-90"), do: "ring-charcoal-90"
+
+  defp background_to_bg_class("white"), do: "bg-white"
+  defp background_to_bg_class("charcoal-90"), do: "bg-charcoal-90"
 end
diff --git a/lib/dotcom_web/live/schedule_finder_live.ex b/lib/dotcom_web/live/schedule_finder_live.ex
index 254c459b86..58c9e48bee 100644
--- a/lib/dotcom_web/live/schedule_finder_live.ex
+++ b/lib/dotcom_web/live/schedule_finder_live.ex
@@ -840,17 +840,34 @@ defmodule DotcomWeb.ScheduleFinderLive do
               class="group/details"
             >
               <summary class="cursor-pointer bg-charcoal-90">
-                <.lined_list_item route={upcoming_departure.route} variant="none">
+                <.lined_list_item
+                  background="charcoal-90"
+                  class="group-open/details:hidden"
+                  route={upcoming_departure.route}
+                  variant="squiggle"
+                >
                   <div class="grow">
-                    <span class="text-[0.75rem] underline group-open/details:hidden">
+                    <span class="text-[0.75rem] underline">
                       {~t"Show more stops"}
                     </span>
-                    <span class="text-[0.75rem] underline hidden group-open/details:block">
+                  </div>
+                  <div class="shrink-0">
+                    <.icon name="chevron-down" class="h-3 w-3" />
+                  </div>
+                </.lined_list_item>
+                <.lined_list_item
+                  background="charcoal-90"
+                  class="hidden group-open/details:flex"
+                  route={upcoming_departure.route}
+                  variant="none"
+                >
+                  <div class="grow">
+                    <span class="text-[0.75rem] underline">
                       {~t"Show fewer stops"}
                     </span>
                   </div>
                   <div class="shrink-0">
-                    <.icon name="chevron-down" class="h-3 w-3 group-open/details:rotate-180" />
+                    <.icon name="chevron-down" class="h-3 w-3 rotate-180" />
                   </div>
                 </.lined_list_item>
               </summary>
diff --git a/mix.exs b/mix.exs
index ba5e9d40ca..502623bb13 100644
--- a/mix.exs
+++ b/mix.exs
@@ -127,7 +127,6 @@ defmodule DotCom.Mixfile do
       {:logster, "1.1.1"},
       # reverted from 0.4
       {:mail, "0.3.1"},
-      # {:mbta_metro, path: "../mbta_metro", runtime: false},
       {:mbta_metro, "1.1.2", runtime: false},
       {:mock, "0.3.9", [only: :test]},
       {:mox, "1.2.0", [only: [:dev, :test]]},
diff --git a/priv/static/icon-svg/icon-squiggle.svg b/priv/static/icon-svg/icon-squiggle.svg
new file mode 100644
index 0000000000..eb1fc87e07
--- /dev/null
+++ b/priv/static/icon-svg/icon-squiggle.svg
@@ -0,0 +1,37 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  role="img"
+  viewBox="0 0 10 10"
+>
+  <path
+    fill="none"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    d="M 2,4.5 L 8,5.5"
+  />
+  <path
+    fill="none"
+    stroke="black"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    opacity="25%"
+    d="M 2,4.5 L 8,5.5"
+  />
+  <path
+    fill="none"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    d="M 5,0 Q 5,1.5 3.5,3 T 2,4.5"
+  />
+  <path
+    fill="none"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    d="M 5,10 Q 5,8.5 6.5,7 T 8,5.5"
+  />
+</svg>