diff --git a/.gitignore b/.gitignore
index 7fe978f..1891c29 100644
--- a/.gitignore
+++ b/.gitignore
@@ -17,3 +17,4 @@ yarn-error.log
 /.fleet
 /.idea
 /.vscode
+.DS_Store
diff --git a/app/Livewire/CreateCode.php b/app/Livewire/CreateCode.php
index c062bb5..b106974 100644
--- a/app/Livewire/CreateCode.php
+++ b/app/Livewire/CreateCode.php
@@ -52,4 +52,9 @@ public function render()
     {
         return view('livewire.create-code');
     }
+
+    public function clearMessage()
+    {
+        $this->reset('message');
+    }
 }
diff --git a/resources/views/livewire/create-code.blade.php b/resources/views/livewire/create-code.blade.php
index 7892adf..cf15c2c 100644
--- a/resources/views/livewire/create-code.blade.php
+++ b/resources/views/livewire/create-code.blade.php
@@ -3,14 +3,22 @@
         <textarea wire:model.live="message" cols="30" rows="10"
                   class="bg-white/10 text-white py-2 px-3 rounded-xl w-full"></textarea>
 
-        <div class="mt-2 flex justify-end">
-            <button type="button" @disabled(! $message) @click="window.print()" class="bg-blue-500 px-4 py-1 text-sm font-semibold rounded-md disabled:bg-gray-300">Print</button>
+        <div class="mt-2 flex space-x-2 justify-end">
+            <button type="button"
+                    wire:click="clearMessage"
+                    class="bg-red-400 px-4 py-1 text-sm font-semibold rounded-md disabled:bg-gray-300"
+            >Clear Form
+            </button>
+
+            <button type="button" @disabled(! $message) @click="window.print()"
+                    class="bg-blue-500 px-4 py-1 text-sm font-semibold rounded-md disabled:bg-gray-300">Print
+            </button>
         </div>
     </form>
 
     <x-code :message="$message" :letters="$this->letters"/>
 
     @if ($message)
-        <x-legend :letters="$this->letters" />
+        <x-legend :letters="$this->letters"/>
     @endif
 </div>