diff --git a/Modules/Helpdesk/Resources/views/livewire/ticket-create.blade.php b/Modules/Helpdesk/Resources/views/livewire/ticket-create.blade.php
index bf4894a3..ef7c45bf 100644
--- a/Modules/Helpdesk/Resources/views/livewire/ticket-create.blade.php
+++ b/Modules/Helpdesk/Resources/views/livewire/ticket-create.blade.php
@@ -300,19 +300,37 @@
                             <span class="mt-3 text-sm font-bold text-zinc-100">Click to choose files</span>
                             <span class="mt-1 text-xs text-zinc-500">Maximum {{ (int) config('helpdesk.max_upload_kb', 10240) }} KB per file.</span>
                         </label>
+                        <div x-data class="rounded-2xl border border-zinc-700 bg-zinc-950/70 p-4">
+                            <input
+                                x-ref="attachmentsInput"
+                                id="attachments"
+                                type="file"
+                                wire:model="attachments"
+                                multiple
+                                accept="{{ $helpdeskAttachmentAccept }}"
+                                class="hidden"
+                                wire:key="ticket-create-attachments-input"
+                                dusk="ticket-create-attachments-input"
+                                data-dusk="ticket-create-attachments-input"/>
 
-                        <input
-                            id="attachments"
-                            type="file"
-                            wire:model="attachments"
-                            multiple
-                            accept="{{ $helpdeskAttachmentAccept }}"
-                            class="sr-only"
-                            wire:key="ticket-create-attachments-input"
-                            dusk="ticket-create-attachments-input"
-                            data-dusk="ticket-create-attachments-input"
-                        />
-
+                            <button
+                                type="button"
+                                x-on:click="$refs.attachmentsInput.click()"
+                                class="inline-flex items-center justify-center gap-2 rounded-xl bg-blue-600 px-4 py-2.5 text-sm font-semibold text-white">
+                                <i class="fa-solid fa-paperclip" aria-hidden="true"></i>
+                                Add attachments
+                            </button>
+                            <button
+                                type="button"
+                                x-on:click="$refs.attachmentsInput.click()"
+                                class="mt-4 flex w-full flex-col items-center justify-center rounded-2xl border border-dashed border-zinc-700 bg-zinc-900/70 px-4 py-8 text-center">
+                                <i class="fa-solid fa-cloud-arrow-up text-2xl text-blue-300" aria-hidden="true"></i>
+                                <span class="mt-3 text-sm font-bold text-zinc-100">Click to choose files</span>
+                                <span class="mt-1 text-xs text-zinc-500">
+                                    Maximum {{ (int) config('helpdesk.max_upload_kb', 10240) }} KB per file.
+                                </span>
+                            </button>
+                        </div>
                         @if (count($attachments) > 0)
                             <div class="mt-4 grid gap-2 sm:grid-cols-2" dusk="ticket-create-selected-attachments">
                                 @foreach ($attachments as $attachment)