diff --git a/lib/kanta_web/live/dashboard/dashboard_live/dashboard_live.html.heex b/lib/kanta_web/live/dashboard/dashboard_live/dashboard_live.html.heex
index b2903f1..696816a 100644
--- a/lib/kanta_web/live/dashboard/dashboard_live/dashboard_live.html.heex
+++ b/lib/kanta_web/live/dashboard/dashboard_live/dashboard_live.html.heex
@@ -45,7 +45,7 @@
         <div class="grid grid-cols-4 gap-4">
           <%= for {plugin_name, _} <- Kanta.config().plugins do %>
             <%= if plugin_name |> Module.concat(DashboardComponent) |> module_exists?() do %>
-              <%= live_component(Module.concat(plugin_name, DashboardComponent), id: plugin_name) %>
+              <.live_component module={Module.concat(plugin_name, DashboardComponent)} id={plugin_name} />
             <% end %>
           <% end %>
         </div>
diff --git a/lib/kanta_web/live/translations/translation_form_live/components/plural_translation_form/plural_translation_form.html.heex b/lib/kanta_web/live/translations/translation_form_live/components/plural_translation_form/plural_translation_form.html.heex
index 2cd0c28..33b6534 100644
--- a/lib/kanta_web/live/translations/translation_form_live/components/plural_translation_form/plural_translation_form.html.heex
+++ b/lib/kanta_web/live/translations/translation_form_live/components/plural_translation_form/plural_translation_form.html.heex
@@ -85,7 +85,7 @@
     <div class=" mt-4 bg-white dark:bg-stone-900 rounded-lg shadow-md px-4 py-4 col-span-2 lg:col-span-1 space-y-2">
       <%= for {plugin_name, _} <- Kanta.config().plugins do %>
         <%= if plugin_name |> Module.concat(FormComponent) |> module_exists?() do %>
-          <%= live_component(Module.concat(plugin_name, FormComponent), id: plugin_name, message: @message, locale: @locale, translation: @translation) %>
+          <.live_component module={Module.concat(plugin_name, FormComponent)} id={plugin_name} message={@message} locale={@locale} translation={@translation} />
         <% end %>
       <% end %>
     </div>
diff --git a/lib/kanta_web/live/translations/translation_form_live/components/singular_translation_form/singular_translation_form.html.heex b/lib/kanta_web/live/translations/translation_form_live/components/singular_translation_form/singular_translation_form.html.heex
index eda8041..3cd2f0e 100644
--- a/lib/kanta_web/live/translations/translation_form_live/components/singular_translation_form/singular_translation_form.html.heex
+++ b/lib/kanta_web/live/translations/translation_form_live/components/singular_translation_form/singular_translation_form.html.heex
@@ -79,7 +79,7 @@
     <div class=" mt-4 bg-white dark:bg-stone-900 rounded-lg shadow-md px-4 py-4 col-span-2 lg:col-span-1 space-y-2">
       <%= for {plugin_name, _} <- Kanta.config().plugins do %>
         <%= if plugin_name |> Module.concat(FormComponent) |> module_exists?() do %>
-          <%= live_component(Module.concat(plugin_name, FormComponent), id: plugin_name, message: @message, locale: @locale, translation: @translation) %>
+          <.live_component module={Module.concat(plugin_name, FormComponent)} id={plugin_name} message={@message} locale={@locale} translation={@translation} />
         <% end %>
       <% end %>
     </div>