diff --git a/src/App.tsx b/src/App.tsx
index f18f2cd..8ebdd9d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -59,12 +59,12 @@ function App() {
                         }
                         // @ts-ignore
                         let message = document.getElementById("ubuntucola").value as string
-                        setMessage(getmisskeycolors(message, colors).replace(/\$\[fg\.color=[0-9A-Fa-f]{6} \]/g, ''));
+                        setMessage(getmisskeycolors(message, colors));
                     }}>
                         generate!
                     </button>
                 </div>
-                <code>{message()}</code>
+                <span>{message()}</span>
             </div>
         </>
     )
diff --git a/src/helpers.ts b/src/helpers.ts
index 252f507..946d04a 100644
--- a/src/helpers.ts
+++ b/src/helpers.ts
@@ -52,12 +52,7 @@ export function getmisskeycolors(message:string, colors:string[]){
         const [low, high , progress] = sampleFromArray(colors, i / (message.length - 1))
         //@ts-ignore
         const color = lerpoklab(tozerotoone(colors[low]), tozerotoone(colors[high]), progress)
-        if (message[i] === " ") {
-            finalmessage += " "
-        } else {
-            finalmessage += (`$[fg.color=${tohexstring(color).substring(1)} ${message[i]}]`)
-        }
-
+        finalmessage += (`$[fg.color=${tohexstring(color).substring(1)} ${message[i]}]`)
     }
     return finalmessage
 }