diff --git a/lib/live_beats_web/live/profile_live/upload_form_component.html.heex b/lib/live_beats_web/live/profile_live/upload_form_component.html.heex
index 640ef6c..892ed97 100644
--- a/lib/live_beats_web/live/profile_live/upload_form_component.html.heex
+++ b/lib/live_beats_web/live/profile_live/upload_form_component.html.heex
@@ -49,7 +49,7 @@
                 </svg>
                 <div class="flex text-sm text-gray-600">
                   <label for="file-upload" class="relative cursor-pointer bg-white rounded-md font-medium text-indigo-600 hover:text-indigo-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500">
-                    <span phx-click={JS.dispatch("click", to: "##{@uploads.mp3.ref}")}>Upload files</span>
+                    <span phx-click={js_exec("##{@uploads.mp3.ref}", "click", [])}>Upload files</span>
                     <%= live_file_input @uploads.mp3, class: "sr-only" %>
                   </label>
                   <p class="pl-1">or drag and drop</p>