diff --git a/lib/phoenix/live_dashboard/components/layered_graph_component.ex b/lib/phoenix/live_dashboard/components/layered_graph_component.ex
index 3de7af95..f395922d 100644
--- a/lib/phoenix/live_dashboard/components/layered_graph_component.ex
+++ b/lib/phoenix/live_dashboard/components/layered_graph_component.ex
@@ -140,13 +140,13 @@ defmodule Phoenix.LiveDashboard.LayeredGraphComponent do
               <g>
                 <circle fill={circle.bg} cx={circle.x} cy={circle.y} r={@radius} class="node" />
                 <%= if circle.show_detail? do %>
-                  <text x={circle.x} y={circle.y} class="node-label"><%= circle.label %></text>
+                  <text x={circle.x} y={circle.y} class="node-label">{circle.label}</text>
                   <text x={circle.x} y={circle.y + @y_detail_offset} class="node-detail">
-                    <%= circle.detail %>
+                    {circle.detail}
                   </text>
                 <% else %>
                   <text x={circle.x} y={circle.y + @y_label_offset} class="node-label">
-                    <%= circle.label %>
+                    {circle.label}
                   </text>
                 <% end %>
               </g>
diff --git a/lib/phoenix/live_dashboard/components/nav_bar_component.ex b/lib/phoenix/live_dashboard/components/nav_bar_component.ex
index c12aee88..fb5b7820 100644
--- a/lib/phoenix/live_dashboard/components/nav_bar_component.ex
+++ b/lib/phoenix/live_dashboard/components/nav_bar_component.ex
@@ -144,13 +144,13 @@ defmodule Phoenix.LiveDashboard.NavBarComponent do
                 {item_link_href(@socket, @page, item, @nav_param, @extra_params)}
                 class={item_link_class(item, @current)}
               >
-                <%= item_label(item) %>
+                {item_label(item)}
               </.link>
             </li>
           </ul>
         </div>
       </div>
-      <%= render_slot(@current) %>
+      {render_slot(@current)}
     </div>
     """
   end
diff --git a/lib/phoenix/live_dashboard/components/table_component.ex b/lib/phoenix/live_dashboard/components/table_component.ex
index 236e47d7..b2f745c6 100644
--- a/lib/phoenix/live_dashboard/components/table_component.ex
+++ b/lib/phoenix/live_dashboard/components/table_component.ex
@@ -178,16 +178,16 @@ defmodule Phoenix.LiveDashboard.TableComponent do
             <div class="col-auto">
               <div class="input-group input-group-sm">
                 <select name="limit" class="custom-select" id="limit-select">
-                  <%= options_for_select(@limit, @table_params.limit) %>
+                  {options_for_select(@limit, @table_params.limit)}
                 </select>
               </div>
             </div>
             <div class="col-auto">
-              <%= @rows_name %> out of <%= @total %>
+              {@rows_name} out of {@total}
             </div>
           <% else %>
             <div class="col-auto">
-              Showing <%= @total %> <%= @rows_name %>
+              Showing {@total} {@rows_name}
             </div>
           <% end %>
         </div>
@@ -208,7 +208,7 @@ defmodule Phoenix.LiveDashboard.TableComponent do
                         column={column}
                       />
                     <% else %>
-                      <%= column[:header] || column[:field] %>
+                      {column[:header] || column[:field]}
                     <% end %>
                   </th>
                 </tr>
@@ -217,9 +217,9 @@ defmodule Phoenix.LiveDashboard.TableComponent do
                 <tr :for={row <- @rows} {calc_attrs(@row_attrs, [row])}>
                   <td :for={column <- @columns} class={col_class(@dom_id, column)}>
                     <%= if column[:inner_block] do %>
-                      <%= render_slot(column, row) %>
+                      {render_slot(column, row)}
                     <% else %>
-                      <%= row[column.field] |> to_string() %>
+                      {row[column.field] |> to_string()}
                     <% end %>
                   </td>
                 </tr>
@@ -265,7 +265,7 @@ defmodule Phoenix.LiveDashboard.TableComponent do
     if assigns.table_params.sort_by == assigns.column.field do
       ~H"""
       <.link patch={PageBuilder.live_dashboard_path(@socket, @page, reverse_sort_dir(@table_params))}>
-        <%= column_header(@column) %>
+        {column_header(@column)}
         <.sort_link_icon dir={@table_params.sort_dir} />
       </.link>
       """
@@ -274,7 +274,7 @@ defmodule Phoenix.LiveDashboard.TableComponent do
       <.link patch={
         PageBuilder.live_dashboard_path(@socket, @page, replace_sort_dir(@table_params, @column))
       }>
-        <%= column_header(@column) %>
+        {column_header(@column)}
       </.link>
       """
     end
diff --git a/lib/phoenix/live_dashboard/components/title_bar_component.ex b/lib/phoenix/live_dashboard/components/title_bar_component.ex
index 57251289..fcd59b9d 100644
--- a/lib/phoenix/live_dashboard/components/title_bar_component.ex
+++ b/lib/phoenix/live_dashboard/components/title_bar_component.ex
@@ -10,7 +10,7 @@ defmodule Phoenix.LiveDashboard.TitleBarComponent do
     <div class={@class}>
       <section>
         <div class="d-flex justify-content-between">
-          <%= render_slot(@inner_block) %>
+          {render_slot(@inner_block)}
         </div>
         <style nonce={@csp_nonces.style}>
           #<%= "#{@dom_id}-progress" %>{width:<%= @percent %>%}
diff --git a/lib/phoenix/live_dashboard/helpers.ex b/lib/phoenix/live_dashboard/helpers.ex
index 67dbb2b7..9f9df911 100644
--- a/lib/phoenix/live_dashboard/helpers.ex
+++ b/lib/phoenix/live_dashboard/helpers.ex
@@ -25,7 +25,7 @@ defmodule Phoenix.LiveDashboard.Helpers do
       text: text
     }
 
-    ~H|<.link patch={@to}><%= @text %></.link>|
+    ~H|<.link patch={@to}>{@text}</.link>|
   end
 
   def format_value(%PortDetails{} = info, live_dashboard_path) do
@@ -36,7 +36,7 @@ defmodule Phoenix.LiveDashboard.Helpers do
       text: "#{inspect(port)} (#{description})"
     }
 
-    ~H|<.link patch={@to}><%= @text %></.link>|
+    ~H|<.link patch={@to}>{@text}</.link>|
   end
 
   # Not used in `phoenix_live_dashboard` code, but available for custom pages
@@ -46,7 +46,7 @@ defmodule Phoenix.LiveDashboard.Helpers do
       text: inspect(port)
     }
 
-    ~H|<.link patch={@to}><%= @text %></.link>|
+    ~H|<.link patch={@to}>{@text}</.link>|
   end
 
   # Not used in `phoenix_live_dashboard` code, but available for custom pages
@@ -56,7 +56,7 @@ defmodule Phoenix.LiveDashboard.Helpers do
       text: inspect(pid)
     }
 
-    ~H|<.link patch={@to}><%= @text %></.link>|
+    ~H|<.link patch={@to}>{@text}</.link>|
   end
 
   def format_value([_ | _] = list, live_dashboard_path) do
diff --git a/lib/phoenix/live_dashboard/info/app_info_component.ex b/lib/phoenix/live_dashboard/info/app_info_component.ex
index 652746db..89f5d6a6 100644
--- a/lib/phoenix/live_dashboard/info/app_info_component.ex
+++ b/lib/phoenix/live_dashboard/info/app_info_component.ex
@@ -28,7 +28,7 @@ defmodule Phoenix.LiveDashboard.AppInfoComponent do
               y={node.y + div(node.height, 2)}
               dominant-baseline="central"
             >
-              <%= node.label %>
+              {node.label}
             </text>
           <% end %>
           <%= for line <- @lines do %>
diff --git a/lib/phoenix/live_dashboard/info/ets_info_component.ex b/lib/phoenix/live_dashboard/info/ets_info_component.ex
index 9dc151ce..a07cdbf9 100644
--- a/lib/phoenix/live_dashboard/info/ets_info_component.ex
+++ b/lib/phoenix/live_dashboard/info/ets_info_component.ex
@@ -26,20 +26,20 @@ defmodule Phoenix.LiveDashboard.EtsInfoComponent do
     <div class="tabular-info">
       <%= if @alive do %>
         <Phoenix.LiveDashboard.PageBuilder.label_value_list>
-          <:elem label="ID"><%= @id %></:elem>
-          <:elem label="Name"><%= @name %></:elem>
-          <:elem label="Size"><%= @size %></:elem>
-          <:elem label="Node"><%= @node %></:elem>
-          <:elem label="Named table"><%= @named_table %></:elem>
-          <:elem label="Read concurrency"><%= @read_concurrency %></:elem>
-          <:elem label="Write concurrency"><%= @write_concurrency %></:elem>
-          <:elem label="Compressed"><%= @compressed %></:elem>
-          <:elem label="Memory"><%= @memory %></:elem>
-          <:elem label="Owner"><%= @owner %></:elem>
-          <:elem label="Heir"><%= @heir %></:elem>
-          <:elem label="Type"><%= @type %></:elem>
-          <:elem label="Keypos"><%= @keypos %></:elem>
-          <:elem label="Protection"><%= @protection %></:elem>
+          <:elem label="ID">{@id}</:elem>
+          <:elem label="Name">{@name}</:elem>
+          <:elem label="Size">{@size}</:elem>
+          <:elem label="Node">{@node}</:elem>
+          <:elem label="Named table">{@named_table}</:elem>
+          <:elem label="Read concurrency">{@read_concurrency}</:elem>
+          <:elem label="Write concurrency">{@write_concurrency}</:elem>
+          <:elem label="Compressed">{@compressed}</:elem>
+          <:elem label="Memory">{@memory}</:elem>
+          <:elem label="Owner">{@owner}</:elem>
+          <:elem label="Heir">{@heir}</:elem>
+          <:elem label="Type">{@type}</:elem>
+          <:elem label="Keypos">{@keypos}</:elem>
+          <:elem label="Protection">{@protection}</:elem>
         </Phoenix.LiveDashboard.PageBuilder.label_value_list>
       <% else %>
         <div class="tabular-info-not-exists mt-1 mb-3">ETS does not exist.</div>
diff --git a/lib/phoenix/live_dashboard/info/modal_component.ex b/lib/phoenix/live_dashboard/info/modal_component.ex
index 44418a39..3fd1b3ed 100644
--- a/lib/phoenix/live_dashboard/info/modal_component.ex
+++ b/lib/phoenix/live_dashboard/info/modal_component.ex
@@ -31,7 +31,7 @@ defmodule Phoenix.LiveDashboard.ModalComponent do
       <div class="modal-dialog modal-lg" id="modal-container">
         <div class="modal-content">
           <div class="modal-header">
-            <h6 class="modal-title"><%= @title %></h6>
+            <h6 class="modal-title">{@title}</h6>
             <div class="modal-action">
               <span phx-click={enable_fullscreen()} class="modal-action-item mr-3" id="fullscreen-on">
                 &square;
@@ -49,7 +49,7 @@ defmodule Phoenix.LiveDashboard.ModalComponent do
             </div>
           </div>
           <div class="modal-body">
-            <%= render_slot(@inner_block) %>
+            {render_slot(@inner_block)}
           </div>
         </div>
       </div>
diff --git a/lib/phoenix/live_dashboard/info/port_info_component.ex b/lib/phoenix/live_dashboard/info/port_info_component.ex
index 85045693..f9f22820 100644
--- a/lib/phoenix/live_dashboard/info/port_info_component.ex
+++ b/lib/phoenix/live_dashboard/info/port_info_component.ex
@@ -19,12 +19,12 @@ defmodule Phoenix.LiveDashboard.PortInfoComponent do
     <div class="tabular-info">
       <%= if @alive do %>
         <Phoenix.LiveDashboard.PageBuilder.label_value_list>
-          <:elem label="Port Name"><%= @name %></:elem>
-          <:elem label="Id"><%= @id %></:elem>
-          <:elem label="Connected"><%= @connected %></:elem>
-          <:elem label="Input"><%= format_bytes(@input) %></:elem>
-          <:elem label="Output"><%= format_bytes(@output) %></:elem>
-          <:elem label="OS pid"><%= @os_pid %></:elem>
+          <:elem label="Port Name">{@name}</:elem>
+          <:elem label="Id">{@id}</:elem>
+          <:elem label="Connected">{@connected}</:elem>
+          <:elem label="Input">{format_bytes(@input)}</:elem>
+          <:elem label="Output">{format_bytes(@output)}</:elem>
+          <:elem label="OS pid">{@os_pid}</:elem>
           <:elem label="Links"><.info links={@links} /></:elem>
         </Phoenix.LiveDashboard.PageBuilder.label_value_list>
       <% else %>
@@ -71,10 +71,10 @@ defmodule Phoenix.LiveDashboard.PortInfoComponent do
   defp info(%{links: links} = assigns) when is_list(links) do
     ~H"""
     <%= for info <- @links do %>
-      <%= info %>
+      {info}
     <% end %>
     """
   end
 
-  defp info(%{links: _links} = assigns), do: ~H|<%= @links %>|
+  defp info(%{links: _links} = assigns), do: ~H|{@links}|
 end
diff --git a/lib/phoenix/live_dashboard/info/process_info_component.ex b/lib/phoenix/live_dashboard/info/process_info_component.ex
index d1d920a9..028bb0b9 100644
--- a/lib/phoenix/live_dashboard/info/process_info_component.ex
+++ b/lib/phoenix/live_dashboard/info/process_info_component.ex
@@ -36,26 +36,26 @@ defmodule Phoenix.LiveDashboard.ProcessInfoComponent do
     <div class="tabular-info">
       <%= if @alive do %>
         <Phoenix.LiveDashboard.PageBuilder.label_value_list>
-          <:elem label="Registered name"><%= @registered_name %></:elem>
-          <:elem label="Current function"><%= @current_function %></:elem>
-          <:elem label="Initial call"><%= @initial_call %></:elem>
-          <:elem label="Status"><%= @status %></:elem>
-          <:elem label="Message queue length"><%= @message_queue_len %></:elem>
+          <:elem label="Registered name">{@registered_name}</:elem>
+          <:elem label="Current function">{@current_function}</:elem>
+          <:elem label="Initial call">{@initial_call}</:elem>
+          <:elem label="Status">{@status}</:elem>
+          <:elem label="Message queue length">{@message_queue_len}</:elem>
           <:elem label="Ancestors"><.info links={@ancestor_links} /></:elem>
           <:elem label="Other links"><.info links={@other_links} /></:elem>
           <:elem label="Monitors"><.info links={@monitors} /></:elem>
           <:elem label="Monitored by"><.info links={@monitored_by} /></:elem>
-          <:elem label="Trap exit"><%= @trap_exit %></:elem>
-          <:elem label="Error handler"><%= @error_handler %></:elem>
-          <:elem label="Priority"><%= @priority %></:elem>
-          <:elem label="Group leader"><%= @group_leader %></:elem>
-          <:elem label="Total heap size"><%= @total_heap_size %></:elem>
-          <:elem label="Heap size"><%= @heap_size %></:elem>
-          <:elem label="Stack size"><%= @stack_size %></:elem>
-          <:elem label="Reductions"><%= @reductions %></:elem>
-          <:elem label="Garbage collection"><%= @garbage_collection %></:elem>
-          <:elem label="Suspending"><%= @suspending %></:elem>
-          <:elem label="Current stacktrace"><%= @current_stacktrace %></:elem>
+          <:elem label="Trap exit">{@trap_exit}</:elem>
+          <:elem label="Error handler">{@error_handler}</:elem>
+          <:elem label="Priority">{@priority}</:elem>
+          <:elem label="Group leader">{@group_leader}</:elem>
+          <:elem label="Total heap size">{@total_heap_size}</:elem>
+          <:elem label="Heap size">{@heap_size}</:elem>
+          <:elem label="Stack size">{@stack_size}</:elem>
+          <:elem label="Reductions">{@reductions}</:elem>
+          <:elem label="Garbage collection">{@garbage_collection}</:elem>
+          <:elem label="Suspending">{@suspending}</:elem>
+          <:elem label="Current stacktrace">{@current_stacktrace}</:elem>
         </Phoenix.LiveDashboard.PageBuilder.label_value_list>
 
         <%= if @page.allow_destructive_actions do %>
@@ -119,10 +119,10 @@ defmodule Phoenix.LiveDashboard.ProcessInfoComponent do
   defp info(%{links: links} = assigns) when is_list(links) do
     ~H"""
     <%= for info <- @links do %>
-      <%= info %>
+      {info}
     <% end %>
     """
   end
 
-  defp info(%{links: _links} = assigns), do: ~H|<%= @links %>|
+  defp info(%{links: _links} = assigns), do: ~H|{@links}|
 end
diff --git a/lib/phoenix/live_dashboard/info/socket_info_component.ex b/lib/phoenix/live_dashboard/info/socket_info_component.ex
index e4375382..73e328f0 100644
--- a/lib/phoenix/live_dashboard/info/socket_info_component.ex
+++ b/lib/phoenix/live_dashboard/info/socket_info_component.ex
@@ -19,14 +19,14 @@ defmodule Phoenix.LiveDashboard.SocketInfoComponent do
     <div class="tabular-info">
       <%= if @alive do %>
         <Phoenix.LiveDashboard.PageBuilder.label_value_list>
-          <:elem label="Module"><%= @module %></:elem>
-          <:elem label="Sent"><%= @send_oct %></:elem>
-          <:elem label="Received"><%= @recv_oct %></:elem>
-          <:elem label="Local Address"><%= @local_address %></:elem>
-          <:elem label="Foreign Address"><%= @foreign_address %></:elem>
-          <:elem label="State"><%= @state %></:elem>
-          <:elem label="Type"><%= @type %></:elem>
-          <:elem label="Owner"><%= @connected %></:elem>
+          <:elem label="Module">{@module}</:elem>
+          <:elem label="Sent">{@send_oct}</:elem>
+          <:elem label="Received">{@recv_oct}</:elem>
+          <:elem label="Local Address">{@local_address}</:elem>
+          <:elem label="Foreign Address">{@foreign_address}</:elem>
+          <:elem label="State">{@state}</:elem>
+          <:elem label="Type">{@type}</:elem>
+          <:elem label="Owner">{@connected}</:elem>
         </Phoenix.LiveDashboard.PageBuilder.label_value_list>
       <% else %>
         <div class="tabular-info-exits mt-1 mb-3">Port was closed or does not exist.</div>
diff --git a/lib/phoenix/live_dashboard/layout_view.ex b/lib/phoenix/live_dashboard/layout_view.ex
index 6e0188df..bb375314 100644
--- a/lib/phoenix/live_dashboard/layout_view.ex
+++ b/lib/phoenix/live_dashboard/layout_view.ex
@@ -45,7 +45,7 @@ defmodule Phoenix.LiveDashboard.LayoutView do
 
         ~H"""
         <%= for component <- @components do %>
-          <%= component.(assigns) %>
+          {component.(assigns)}
         <% end %>
         """
 
diff --git a/lib/phoenix/live_dashboard/page_builder.ex b/lib/phoenix/live_dashboard/page_builder.ex
index f22e30a7..ec49a4f9 100644
--- a/lib/phoenix/live_dashboard/page_builder.ex
+++ b/lib/phoenix/live_dashboard/page_builder.ex
@@ -435,7 +435,7 @@ defmodule Phoenix.LiveDashboard.PageBuilder do
         <rect x="19" y="20" width="6" height="14" rx="1" class="hint-icon-fill" />
         <circle cx="22" cy="22" r="20" class="hint-icon-stroke" stroke-width="4" />
       </svg>
-      <div class="hint-text"><%= @text %></div>
+      <div class="hint-text">{@text}</div>
     </div>
     """
   end
@@ -451,7 +451,7 @@ defmodule Phoenix.LiveDashboard.PageBuilder do
   def card_title(assigns) do
     ~H"""
     <h5 :if={@title} class="card-title">
-      <%= @title %>
+      {@title}
       <.hint :if={@hint} text={@hint} />
     </h5>
     """
@@ -476,11 +476,11 @@ defmodule Phoenix.LiveDashboard.PageBuilder do
     <.card_title title={@title} hint={@hint} />
     <div id={@dom_id} class="banner-card mt-auto">
       <h6 :if={@inner_title} class="banner-card-title">
-        <%= @inner_title %>
+        {@inner_title}
         <.hint :if={@inner_hint} text={@inner_hint} />
       </h6>
       <div class="banner-card-value">
-        <%= render_slot(@inner_block) %>
+        {render_slot(@inner_block)}
       </div>
     </div>
     """
@@ -509,11 +509,11 @@ defmodule Phoenix.LiveDashboard.PageBuilder do
         <div class="card mb-4">
           <div class="card-body rounded pt-3">
             <h6 :if={@inner_title} class="card-title">
-              <%= @inner_title %>
+              {@inner_title}
               <.hint :if={@inner_hint} text={@inner_hint} />
             </h6>
             <dl :for={{k, v} <- @fields}>
-              <dt class="pb-1"><%= k %></dt>
+              <dt class="pb-1">{k}</dt>
               <dd>
                 <textarea class="code-field text-monospace" readonly="readonly" rows="1"><%= v %></textarea>
               </dd>
@@ -544,7 +544,7 @@ defmodule Phoenix.LiveDashboard.PageBuilder do
     ~H"""
     <div class="row">
       <div :for={col <- @col} class={"col-sm-#{@columns_class} mb-4 flex-column d-flex"}>
-        <%= render_slot(col) %>
+        {render_slot(col)}
       </div>
     </div>
     """
@@ -602,15 +602,15 @@ defmodule Phoenix.LiveDashboard.PageBuilder do
             csp_nonces={@csp_nonces}
           >
             <div>
-              <%= usage.title %>
+              {usage.title}
               <.hint :if={usage[:hint]} text={usage[:hint]} />
             </div>
             <div>
               <small class="text-muted pr-2">
-                <%= usage.current %> / <%= usage.limit %>
+                {usage.current} / {usage.limit}
               </small>
               <strong :if={usage[:percent]}>
-                <%= usage[:percent] %>%
+                {usage[:percent]}%
               </strong>
             </div>
           </.title_bar_component>
@@ -632,7 +632,7 @@ defmodule Phoenix.LiveDashboard.PageBuilder do
     <div class="py-2">
       <section>
         <div class="d-flex justify-content-between">
-          <%= render_slot(@inner_block) %>
+          {render_slot(@inner_block)}
         </div>
         <style nonce={@csp_nonces.style}>
           #<%= "#{@dom_id}-progress" %>{width:<%= @percent %>%}
@@ -700,7 +700,7 @@ defmodule Phoenix.LiveDashboard.PageBuilder do
         <div phx-hook="PhxColorBarHighlight" id={"#{@dom_id}-color-bars"}>
           <div :for={usage <- @usages} class="flex-grow-1 mb-3">
             <div class="progress color-bar-progress flex-grow-1 mb-3">
-              <span :if={usage[:title]} class="color-bar-progress-title"><%= usage[:title] %></span>
+              <span :if={usage[:title]} class="color-bar-progress-title">{usage[:title]}</span>
               <%= for {{name, value, color, _desc}, index} <- Enum.with_index(usage.data) do %>
                 <style nonce={@csp_nonces.style}>
                   #<%= "#{@dom_id}-#{usage.dom_id}-progress-#{index}" %>{width:<%= value %>%}
@@ -728,18 +728,18 @@ defmodule Phoenix.LiveDashboard.PageBuilder do
                   data-name={name}
                 >
                   <div class={"color-bar-legend-color bg-#{color} mr-2"}></div>
-                  <span><%= name %><.hint :if={hint} text={hint} /></span>
+                  <span>{name}<.hint :if={hint} text={hint} /></span>
                   <span class="flex-grow-1 text-right text-muted">
-                    <%= if @total_formatter,
+                    {if @total_formatter,
                       do: @total_formatter.(value),
-                      else: total_formatter(value) %>
+                      else: total_formatter(value)}
                   </span>
                 </div>
               <% end %>
             </div>
           </div>
           <div class="resource-usage-total text-center py-1 mt-3">
-            <%= @total_legend %> <%= @total_usage %>
+            {@total_legend} {@total_usage}
           </div>
         </div>
       </div>
@@ -859,7 +859,7 @@ defmodule Phoenix.LiveDashboard.PageBuilder do
     <table class="table table-hover tabular-info-table">
       <tbody>
         <tr :for={{elem, index} <- Enum.with_index(@elem)}>
-          <td class={first_elem_class(index)}><%= elem.label %></td>
+          <td class={first_elem_class(index)}>{elem.label}</td>
           <td class={first_elem_class(index)}><pre><%= render_slot(elem) %></pre></td>
         </tr>
       </tbody>
@@ -888,7 +888,7 @@ defmodule Phoenix.LiveDashboard.PageBuilder do
       title={@title}
       return_to={@return_to}
     >
-      <%= render_slot(@inner_block) %>
+      {render_slot(@inner_block)}
     </.live_component>
     """
   end
diff --git a/lib/phoenix/live_dashboard/page_live.ex b/lib/phoenix/live_dashboard/page_live.ex
index 152c4a73..94538746 100644
--- a/lib/phoenix/live_dashboard/page_live.ex
+++ b/lib/phoenix/live_dashboard/page_live.ex
@@ -202,7 +202,7 @@ defmodule Phoenix.LiveDashboard.PageLive do
                 data-dashboard-mount-path={@menu.dashboard_mount_path}
                 phx-hook="PhxRememberRefresh"
               >
-                <%= options_for_select(@menu.refresh_options, @menu.refresh) %>
+                {options_for_select(@menu.refresh_options, @menu.refresh)}
               </select>
             <% else %>
               <label class="no-select">Updates automatically</label>
@@ -212,14 +212,14 @@ defmodule Phoenix.LiveDashboard.PageLive do
           <form id="node-selection" phx-change="select_node" phx-auto-recover="ignore">
             <label for="node-select">Selected node</label>
             <select name="node" class="custom-select custom-select-sm" id="node-select">
-              <%= options_for_select(@menu.nodes, @page.node) %>
+              {options_for_select(@menu.nodes, @page.node)}
             </select>
           </form>
         </div>
 
         <nav id="menu-bar">
           <%= for link <- @menu.links, link != :skip do %>
-            <%= maybe_link(@socket, @page, link) %>
+            {maybe_link(@socket, @page, link)}
           <% end %>
         </nav>
       </div>
@@ -239,7 +239,7 @@ defmodule Phoenix.LiveDashboard.PageLive do
       />
     </PageBuilder.live_modal>
     <section id="main" role="main" class="container">
-      <%= render_page(@page.module, assigns) %>
+      {render_page(@page.module, assigns)}
     </section>
     """
   end
@@ -316,7 +316,7 @@ defmodule Phoenix.LiveDashboard.PageLive do
     assigns = %{text: text}
 
     ~H"""
-    <div class="menu-item active"><%= @text %></div>
+    <div class="menu-item active">{@text}</div>
     """
   end
 
@@ -328,7 +328,7 @@ defmodule Phoenix.LiveDashboard.PageLive do
       navigate={PageBuilder.live_dashboard_path(@socket, @route, @page.node, @page.params, [])}
       class="menu-item"
     >
-      <%= @text %>
+      {@text}
     </.link>
     """
   end
@@ -338,7 +338,7 @@ defmodule Phoenix.LiveDashboard.PageLive do
 
     ~H"""
     <div class="menu-item menu-item-disabled">
-      <%= @text %>
+      {@text}
     </div>
     """
   end
@@ -348,7 +348,7 @@ defmodule Phoenix.LiveDashboard.PageLive do
 
     ~H"""
     <div class="menu-item menu-item-disabled">
-      <%= @text %> <a href={@more_info_url} class="menu-item-enable-button">Enable</a>
+      {@text} <a href={@more_info_url} class="menu-item-enable-button">Enable</a>
     </div>
     """
   end
diff --git a/lib/phoenix/live_dashboard/pages/applications_page.ex b/lib/phoenix/live_dashboard/pages/applications_page.ex
index 99d3a22f..2dd3b1b2 100644
--- a/lib/phoenix/live_dashboard/pages/applications_page.ex
+++ b/lib/phoenix/live_dashboard/pages/applications_page.ex
@@ -21,7 +21,7 @@ defmodule Phoenix.LiveDashboard.ApplicationsPage do
       <:col field={:description} />
       <:col field={:state} sortable={:asc} />
       <:col :let={app} field={:tree?} header="Sup tree?" text_align="center">
-        <%= if app[:tree?], do: "✓" %>
+        {if app[:tree?], do: "✓"}
       </:col>
       <:col field={:version} />
     </.live_table>
diff --git a/lib/phoenix/live_dashboard/pages/ecto_stats_page.ex b/lib/phoenix/live_dashboard/pages/ecto_stats_page.ex
index 9135ac18..fce6ce80 100644
--- a/lib/phoenix/live_dashboard/pages/ecto_stats_page.ex
+++ b/lib/phoenix/live_dashboard/pages/ecto_stats_page.ex
@@ -180,7 +180,7 @@ defmodule Phoenix.LiveDashboard.EctoStatsPage do
           }
         >
           <:col :let={row} :for={col <- info.columns} field={col.name} sortable={sortable(col.type)}>
-            <%= format(col.type, row[col.name]) %>
+            {format(col.type, row[col.name])}
           </:col>
         </.live_table>
       </:item>
diff --git a/lib/phoenix/live_dashboard/pages/ets_page.ex b/lib/phoenix/live_dashboard/pages/ets_page.ex
index 5fdd2c9d..797ba38e 100644
--- a/lib/phoenix/live_dashboard/pages/ets_page.ex
+++ b/lib/phoenix/live_dashboard/pages/ets_page.ex
@@ -24,10 +24,10 @@ defmodule Phoenix.LiveDashboard.EtsPage do
       <:col field={:type} />
       <:col field={:size} text_align="right" sortable={:desc} />
       <:col :let={ets} field={:memory} text_align="right" sortable={:desc}>
-        <%= format_words(ets[:memory]) %>
+        {format_words(ets[:memory])}
       </:col>
       <:col :let={ets} field={:owner}>
-        <%= encode_pid(ets[:owner]) %>
+        {encode_pid(ets[:owner])}
       </:col>
     </.live_table>
     """
diff --git a/lib/phoenix/live_dashboard/pages/home_page.ex b/lib/phoenix/live_dashboard/pages/home_page.ex
index cfe5f2c5..d7f30f9f 100644
--- a/lib/phoenix/live_dashboard/pages/home_page.ex
+++ b/lib/phoenix/live_dashboard/pages/home_page.ex
@@ -116,7 +116,7 @@ defmodule Phoenix.LiveDashboard.HomePage do
     <.row>
       <:col>
         <.card dom_id="system-info-card" title="System information">
-          <%= "#{@banner} [#{@system_architecture}]" %>
+          {"#{@banner} [#{@system_architecture}]"}
         </.card>
       </:col>
     </.row>
@@ -133,17 +133,17 @@ defmodule Phoenix.LiveDashboard.HomePage do
     <.row>
       <:col>
         <.card dom_id="elixir-card" inner_title="Elixir">
-          <%= @elixir_version %>
+          {@elixir_version}
         </.card>
       </:col>
       <:col>
         <.card dom_id="phoenix-card" inner_title="Phoenix">
-          <%= @phoenix_version %>
+          {@phoenix_version}
         </.card>
       </:col>
       <:col>
         <.card dom_id="app-card" inner_title={@app_title}>
-          <%= @app_version %>
+          {@app_version}
         </.card>
       </:col>
     </.row>
@@ -159,17 +159,17 @@ defmodule Phoenix.LiveDashboard.HomePage do
     <.row>
       <:col>
         <.card inner_title="Uptime">
-          <%= format_uptime(@uptime) %>
+          {format_uptime(@uptime)}
         </.card>
       </:col>
       <:col>
         <.card inner_title="Total input" inner_hint={hint_msg(:total_input)}>
-          <%= format_bytes(@input) %>
+          {format_bytes(@input)}
         </.card>
       </:col>
       <:col>
         <.card inner_title="Total output" inner_hint={hint_msg(:total_output)}>
-          <%= format_bytes(@output) %>
+          {format_bytes(@output)}
         </.card>
       </:col>
     </.row>
@@ -184,17 +184,17 @@ defmodule Phoenix.LiveDashboard.HomePage do
     <.row>
       <:col>
         <.card title="Run queues" inner_title="Total" inner_hint={hint_msg(:total_queues)}>
-          <%= @total_run_queue %>
+          {@total_run_queue}
         </.card>
       </:col>
       <:col>
         <.card inner_title="CPU">
-          <%= @cpu_run_queue %>
+          {@cpu_run_queue}
         </.card>
       </:col>
       <:col>
         <.card inner_title="IO">
-          <%= @total_run_queue - @cpu_run_queue %>
+          {@total_run_queue - @cpu_run_queue}
         </.card>
       </:col>
     </.row>
diff --git a/lib/phoenix/live_dashboard/pages/memory_allocators_page.ex b/lib/phoenix/live_dashboard/pages/memory_allocators_page.ex
index 9f9f19d7..a3f36f2a 100644
--- a/lib/phoenix/live_dashboard/pages/memory_allocators_page.ex
+++ b/lib/phoenix/live_dashboard/pages/memory_allocators_page.ex
@@ -33,13 +33,13 @@ defmodule Phoenix.LiveDashboard.MemoryAllocatorsPage do
       >
         <:col field={:name} header="Name or module" />
         <:col :let={alloc} field={:block_size} sortable={:desc}>
-          <%= format_bytes(alloc[:block_size]) %>
+          {format_bytes(alloc[:block_size])}
         </:col>
         <:col :let={alloc} field={:carrier_size} sortable={:desc}>
-          <%= format_bytes(alloc[:carrier_size]) %>
+          {format_bytes(alloc[:carrier_size])}
         </:col>
         <:col :let={alloc} field={:max_carrier_size} sortable={:desc}>
-          <%= format_bytes(alloc[:max_carrier_size]) %>
+          {format_bytes(alloc[:max_carrier_size])}
         </:col>
       </.live_table>
     </div>
diff --git a/lib/phoenix/live_dashboard/pages/os_mon_page.ex b/lib/phoenix/live_dashboard/pages/os_mon_page.ex
index 38487b2f..a3fc36ea 100644
--- a/lib/phoenix/live_dashboard/pages/os_mon_page.ex
+++ b/lib/phoenix/live_dashboard/pages/os_mon_page.ex
@@ -143,14 +143,14 @@ defmodule Phoenix.LiveDashboard.OSMonPage do
     <.row>
       <:col>
         <.card title="CPU" hint={cpu_hint(@cpu.count)} inner_title="Load 1 min">
-          <%= @cpu.load1 %>
+          {@cpu.load1}
         </.card>
       </:col>
       <:col>
-        <.card inner_title="Load 5 min"><%= @cpu.load5 %></.card>
+        <.card inner_title="Load 5 min">{@cpu.load5}</.card>
       </:col>
       <:col>
-        <.card inner_title="Load 15 min"><%= @cpu.load15 %></.card>
+        <.card inner_title="Load 15 min">{@cpu.load15}</.card>
       </:col>
     </.row>
     """
@@ -160,13 +160,13 @@ defmodule Phoenix.LiveDashboard.OSMonPage do
     ~H"""
     <.row>
       <:col>
-        <.card inner_title="Avg 1 min"><%= @cpu.avg1 %></.card>
+        <.card inner_title="Avg 1 min">{@cpu.avg1}</.card>
       </:col>
       <:col>
-        <.card inner_title="Avg 5 min"><%= @cpu.avg5 %></.card>
+        <.card inner_title="Avg 5 min">{@cpu.avg5}</.card>
       </:col>
       <:col>
-        <.card inner_title="Avg 15 min"><%= @cpu.avg15 %></.card>
+        <.card inner_title="Avg 15 min">{@cpu.avg15}</.card>
       </:col>
     </.row>
     """
diff --git a/lib/phoenix/live_dashboard/pages/ports_page.ex b/lib/phoenix/live_dashboard/pages/ports_page.ex
index 1d7b5cd1..9dc51963 100644
--- a/lib/phoenix/live_dashboard/pages/ports_page.ex
+++ b/lib/phoenix/live_dashboard/pages/ports_page.ex
@@ -19,23 +19,23 @@ defmodule Phoenix.LiveDashboard.PortsPage do
       row_attrs={&row_attrs/1}
     >
       <:col :let={data} field={:port}>
-        <%= data[:port] |> encode_port() |> String.trim_leading("Port") %>
+        {data[:port] |> encode_port() |> String.trim_leading("Port")}
       </:col>
       <:col :let={data} field={:name} header="Name or path">
-        <%= format_path(data[:name]) %>
+        {format_path(data[:name])}
       </:col>
       <:col :let={data} field={:os_pid} header="OS pid">
-        <%= if data[:os_pid] != :undefined, do: data[:os_pid] %>
+        {if data[:os_pid] != :undefined, do: data[:os_pid]}
       </:col>
       <:col :let={data} field={:input} text_align="right" sortable={:desc}>
-        <%= format_bytes(data[:input]) %>
+        {format_bytes(data[:input])}
       </:col>
       <:col :let={data} field={:output} text_align="right" sortable={:desc}>
-        <%= format_bytes(data[:output]) %>
+        {format_bytes(data[:output])}
       </:col>
       <:col field={:id} text_align="right" />
       <:col :let={data} field={:owner}>
-        <%= inspect(data[:owner]) %>
+        {inspect(data[:owner])}
       </:col>
     </.live_table>
     """
diff --git a/lib/phoenix/live_dashboard/pages/processes_page.ex b/lib/phoenix/live_dashboard/pages/processes_page.ex
index 639b1ac4..933d6bd4 100644
--- a/lib/phoenix/live_dashboard/pages/processes_page.ex
+++ b/lib/phoenix/live_dashboard/pages/processes_page.ex
@@ -19,16 +19,16 @@ defmodule Phoenix.LiveDashboard.ProcessesPage do
       title="Processes"
     >
       <:col :let={process} field={:pid} header="PID">
-        <%= process[:pid] |> encode_pid() |> String.replace_prefix("PID", "") %>
+        {process[:pid] |> encode_pid() |> String.replace_prefix("PID", "")}
       </:col>
       <:col field={:name_or_initial_call} header="Name or initial call" />
       <:col :let={process} field={:memory} header="Memory" text_align="right" sortable={:desc}>
-        <%= format_bytes(process[:memory]) %>
+        {format_bytes(process[:memory])}
       </:col>
       <:col field={:reductions_diff} header="Reductions" text_align="right" sortable={:desc} />
       <:col field={:message_queue_len} header="MsgQ" text_align="right" sortable={:desc} />
       <:col :let={process} field={:current_function} header="Current function">
-        <%= format_call(process[:current_function]) %>
+        {format_call(process[:current_function])}
       </:col>
     </.live_table>
     """
diff --git a/lib/phoenix/live_dashboard/pages/sockets_page.ex b/lib/phoenix/live_dashboard/pages/sockets_page.ex
index 7a66537a..7abc622c 100644
--- a/lib/phoenix/live_dashboard/pages/sockets_page.ex
+++ b/lib/phoenix/live_dashboard/pages/sockets_page.ex
@@ -19,21 +19,21 @@ defmodule Phoenix.LiveDashboard.SocketsPage do
       row_attrs={&row_attrs/1}
     >
       <:col :let={socket} field={:port}>
-        <%= socket[:port] |> encode_socket() |> String.trim_leading("Socket") %>
+        {socket[:port] |> encode_socket() |> String.trim_leading("Socket")}
       </:col>
       <:col field={:module} sortable={:asc} />
       <:col :let={socket} field={:send_oct} header="Sent" text_align="right" sortable={:desc}>
-        <%= format_bytes(socket[:send_oct]) %>
+        {format_bytes(socket[:send_oct])}
       </:col>
       <:col :let={socket} field={:recv_oct} header="Received" text_align="right" sortable={:desc}>
-        <%= format_bytes(socket[:recv_oct]) %>
+        {format_bytes(socket[:recv_oct])}
       </:col>
       <:col field={:local_address} header="Local Address" sortable={:asc} />
       <:col field={:foreign_address} sortable={:asc} />
       <:col field={:state} sortable={:asc} />
       <:col field={:type} sortable={:asc} />
       <:col :let={socket} field={:connected} header="Owner">
-        <%= encode_pid(socket[:connected]) %>
+        {encode_pid(socket[:connected])}
       </:col>
     </.live_table>
     """
diff --git a/test/phoenix/live_dashboard/components/table_component_test.exs b/test/phoenix/live_dashboard/components/table_component_test.exs
index 73090532..895075c8 100644
--- a/test/phoenix/live_dashboard/components/table_component_test.exs
+++ b/test/phoenix/live_dashboard/components/table_component_test.exs
@@ -101,7 +101,7 @@ defmodule Phoenix.LiveDashboard.TableComponentTest do
             ~H"""
             <.live_component module={TableComponent} {assigns}>
               <:col :let={row} field={:foo} header="Foo header" sortable={:desc}>
-                <%= "foo-format-#{row[:foo]}" %>
+                {"foo-format-#{row[:foo]}"}
               </:col>
               <:col field={:bar} text_align="right" />
               <:col field={:baz} />