diff --git a/src/routes/console/project-[project]/promoteVariableModal.svelte b/src/routes/console/project-[project]/promoteVariableModal.svelte
index 7d158cc12..785ef5f74 100644
--- a/src/routes/console/project-[project]/promoteVariableModal.svelte
+++ b/src/routes/console/project-[project]/promoteVariableModal.svelte
@@ -19,8 +19,9 @@
     icon="exclamation"
     state="warning"
     headerDivider={false}>
-    <svelte:fragment slot="header"
-        >{isConflicting ? 'Overwrite global variable' : 'Promote variable'}</svelte:fragment>
+    <svelte:fragment slot="title">
+        {isConflicting ? 'Overwrite global variable' : 'Promote variable'}
+    </svelte:fragment>
     {#if isConflicting}
         <p data-private>
             Promoting this variable will overwrite your global variable with the same name. Are you
diff --git a/src/routes/console/project-[project]/uploadVariablesModal.svelte b/src/routes/console/project-[project]/uploadVariablesModal.svelte
index 7473b4a5e..1d8e7b406 100644
--- a/src/routes/console/project-[project]/uploadVariablesModal.svelte
+++ b/src/routes/console/project-[project]/uploadVariablesModal.svelte
@@ -61,8 +61,9 @@
 </script>
 
 <Modal headerDivider={false} bind:show onSubmit={handleSubmit} bind:error>
-    <svelte:fragment slot="header"
-        >Import new {isGlobal ? 'global' : 'environment'} variables</svelte:fragment>
+    <svelte:fragment slot="title">
+        Import new {isGlobal ? 'global' : 'environment'} variables
+    </svelte:fragment>
     <div class="u-flex u-flex-vertical u-gap-24">
         <p>
             Import new {isGlobal ? 'global' : 'environment'} variables from .env file that will be passed