diff --git a/resources/views/components/code.blade.php b/resources/views/components/code.blade.php
index 46c07c3..1bedbc8 100644
--- a/resources/views/components/code.blade.php
+++ b/resources/views/components/code.blade.php
@@ -3,16 +3,20 @@
     'letters'
 ])
 
-<div {{ $attributes->class(['text-center flex flex-wrap gap-8 mt-auto']) }}>
-    @foreach(array_filter(explode(' ', trim($message))) as $word)
-        <div class="word flex flex-wrap gap-2">
-            @foreach(str_split($word) as $character)
-                <div>
-                     <span class="material-symbols-outlined character !text-4xl">
-                        {{ $letters[strtolower($character)] ?? $character }}
-                    </span>
+<div {{ $attributes->class(['text-center mt-auto flex flex-wrap flex-col gap-8']) }}>
+    @foreach(array_filter(explode("\n", trim($message))) as $line)
+        <div class="line flex flex-wrap gap-8">
+            @foreach(explode(' ', trim($line)) as $word)
+                <div class="word flex flex-wrap gap-2">
+                    @foreach(str_split($word) as $character)
+                        <div>
+                             <span class="material-symbols-outlined character !text-4xl">
+                                {{ $letters[strtolower($character)] ?? $character }}
+                            </span>
 
-                    <div class="bg-gray-200 w-12 h-12"></div>
+                            <div class="bg-gray-200 w-12 h-12"></div>
+                        </div>
+                    @endforeach
                 </div>
             @endforeach
         </div>