diff --git a/lib/lokal_web/components/table_component.html.heex b/lib/lokal_web/components/table_component.html.heex
index dadf158f..1d0186da 100644
--- a/lib/lokal_web/components/table_component.html.heex
+++ b/lib/lokal_web/components/table_component.html.heex
@@ -4,7 +4,7 @@
       <tr>
         <%= for %{key: key, label: label} = column <- @columns do %>
           <%= if column |> Map.get(:sortable, true) do %>
-            <th class={"p-2 #{column[:class]}"}>
+            <th class={["p-2", column[:class]]}>
               <span
                 class="cursor-pointer"
                 phx-click="sort_by"
@@ -25,7 +25,7 @@
               </span>
             </th>
           <% else %>
-            <th class={"p-2 #{column[:class]}"}>
+            <th class={["p-2", column[:class]]}>
               <%= label %>
             </th>
           <% end %>
@@ -36,7 +36,7 @@
       <%= for values <- @rows do %>
         <tr>
           <%= for %{key: key} = value <- @columns do %>
-            <td class={"p-2 #{value[:class]}"}>
+            <td class={["p-2", value[:class]]}>
               <%= case values |> Map.get(key) do %>
                 <% {_custom_sort_value, value} -> %>
                   <%= value %>
diff --git a/lib/lokal_web/views/error_helpers.ex b/lib/lokal_web/views/error_helpers.ex
index aa76578b..49a84b85 100644
--- a/lib/lokal_web/views/error_helpers.ex
+++ b/lib/lokal_web/views/error_helpers.ex
@@ -18,7 +18,7 @@ defmodule LokalWeb.ErrorHelpers do
 
     ~H"""
     <%= for error <- Keyword.get_values(@form.errors, @field) do %>
-      <span class={"invalid-feedback #{@extra_class}"} phx-feedback-for={input_name(@form, @field)}>
+      <span class={["invalid-feedback", @extra_class]} phx-feedback-for={input_name(@form, @field)}>
         <%= translate_error(error) %>
       </span>
     <% end %>