diff --git a/resources/views/livewire/project/shared/environment-variable/show.blade.php b/resources/views/livewire/project/shared/environment-variable/show.blade.php
index 1cb2f222c..a1f34d2e0 100644
--- a/resources/views/livewire/project/shared/environment-variable/show.blade.php
+++ b/resources/views/livewire/project/shared/environment-variable/show.blade.php
@@ -20,10 +20,20 @@ class="hidden w-4 h-4 dark:text-warning lg:block" viewBox="0 0 256 256"
                         <path d="M11 16a1 1 0 1 0 2 0a1 1 0 0 0-2 0m-3-5V7a4 4 0 1 1 8 0v4" />
                     </g>
                 </svg>
-                <x-modal-confirmation isErrorButton buttonTitle="Delete">
-                    You will delete environment variable <span
-                        class="font-bold dark:text-warning text-coollabs">{{ $env->key }}</span>.
-                </x-modal-confirmation>
+                <x-modal-confirmation
+                    title="Confirm Environment Variable Deletion?"
+                    isErrorButton
+                    buttonTitle="Delete"
+                    submitAction="delete"
+                    :actions="[
+                        'The selected environment variable will be permanently deleted.'
+                    ]"
+                    confirmationText="{{ $env->key }}"
+                    confirmationLabel="Please confirm the execution of the actions by entering the Environment Variable Name below"
+                    shortConfirmationLabel="Environment Variable Name"
+                    :confirmWithPassword="false"
+                    step2ButtonText="Permanently Delete Environment Variable"
+                />
             </div>
         @else
             @if ($isDisabled)
@@ -79,10 +89,20 @@ class="font-bold dark:text-warning text-coollabs">{{ $env->key }}</span>.
                     <x-forms.button wire:click='lock'>
                         Lock
                     </x-forms.button>
-                    <x-modal-confirmation isErrorButton buttonTitle="Delete">
-                        You will delete environment variable <span
-                            class="font-bold dark:text-warning">{{ $env->key }}</span>.
-                    </x-modal-confirmation>
+                    <x-modal-confirmation 
+                        title="Confirm Environment Variable Deletion?"
+                        isErrorButton
+                        buttonTitle="Delete"
+                        submitAction="delete"
+                        :actions="[
+                            'The selected environment variable will be permanently deleted.'
+                        ]"
+                        confirmationText="{{ $env->key }}"
+                        confirmationLabel="Please confirm the execution of the actions by entering the Environment Variable Name below"
+                        shortConfirmationLabel="Environment Variable Name"
+                        :confirmWithPassword="false"
+                        step2ButtonText="Permanently Delete Environment Variable"
+                    />
                 @else
                     <x-forms.button type="submit">
                         Update
@@ -90,10 +110,20 @@ class="font-bold dark:text-warning">{{ $env->key }}</span>.
                     <x-forms.button wire:click='lock'>
                         Lock
                     </x-forms.button>
-                    <x-modal-confirmation buttonFullWidth isErrorButton buttonTitle="Delete">
-                        You will delete environment variable <span
-                            class="font-bold dark:text-warning">{{ $env->key }}</span>.
-                    </x-modal-confirmation>
+                    <x-modal-confirmation 
+                        title="Confirm Environment Variable Deletion?"
+                        isErrorButton
+                        buttonTitle="Delete"
+                        submitAction="delete"
+                        :actions="[
+                            'The selected environment variable will be permanently deleted.'
+                        ]"
+                        confirmationText="{{ $env->key }}"
+                        confirmationLabel="Please confirm the execution of the actions by entering the Environment Variable Name below"
+                        shortConfirmationLabel="Environment Variable Name"
+                        :confirmWithPassword="false"
+                        step2ButtonText="Permanently Delete Environment Variable"
+                    />
                 @endif
             </div>
         @endif