diff --git a/src/routes/(console)/project-[project]/uploadVariablesModal.svelte b/src/routes/(console)/project-[project]/uploadVariablesModal.svelte
index f7943e4eb..74b6e3f4e 100644
--- a/src/routes/(console)/project-[project]/uploadVariablesModal.svelte
+++ b/src/routes/(console)/project-[project]/uploadVariablesModal.svelte
@@ -63,15 +63,14 @@
             error = e.message;
         }
     }
+
+    const title = `Import new ${isGlobal ? 'global' : 'environment'} variables`;
 </script>
 
-<Modal headerDivider={false} bind:show onSubmit={handleSubmit} bind:error>
-    <svelte:fragment slot="title">
-        Import new {isGlobal ? 'global' : 'environment'} variables
-    </svelte:fragment>
+<Modal {title} bind:show bind:error headerDivider={false} onSubmit={handleSubmit}>
     <div class="u-flex u-flex-vertical u-gap-24 u-margin-block-start-8">
         <p>
-            Import new {isGlobal ? 'global' : 'environment'} variables from
+            {title} from
             <span class="inline-code">.env</span>
             file that will be passed to {!isGlobal
                 ? `your ${product}`