diff --git a/resources/views/livewire/project/service/compose-modal.blade.php b/resources/views/livewire/project/service/compose-modal.blade.php
index 8b9e0155b..d3c16dfd4 100644
--- a/resources/views/livewire/project/service/compose-modal.blade.php
+++ b/resources/views/livewire/project/service/compose-modal.blade.php
@@ -1,14 +1,17 @@
 <dialog id="composeModal" class="modal" x-data="{ raw: true }">
     <form method="dialog" class="flex flex-col gap-2 rounded max-w-7xl modal-box" wire:submit.prevent='submit'>
+        <div class="flex items-end gap-2">
         <h1>Docker Compose</h1>
-        <div>Volume names are updated upon save. The service UUID will be added as a prefix to all volumes, to prevent name collision. To see the actual volume names, go to Storage menu.</div>
         <div x-cloak x-show="raw">
-            <x-forms.button class="w-64" @click.prevent="raw = !raw">Check Deployable Compose</x-forms.button>
+            <x-forms.button class="w-64" @click.prevent="raw = !raw">Show Deployable Compose</x-forms.button>
         </div>
         <div x-cloak x-show="raw === false">
             <x-forms.button class="w-64" @click.prevent="raw = !raw">Show Source
                 Compose</x-forms.button>
         </div>
+    </div>
+        <div>Volume names are updated upon save. The service UUID will be added as a prefix to all volumes, to prevent name collision. <br>To see the actual volume names, check the Deployable Compose file, or go to Storage menu.</div>
+
         <div x-cloak x-show="raw">
             <x-forms.textarea rows="20" id="raw">
             </x-forms.textarea>