From aef1a692ef50fb0895e0408ca19a8f81fb42344c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20K=C3=B6nig?= <andre.koenig@openformation.io>
Date: Sat, 6 Apr 2024 13:55:10 +0200
Subject: [PATCH] fix: adds proper word wrap

---
 app/components/workflow-detail-card.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/components/workflow-detail-card.tsx b/app/components/workflow-detail-card.tsx
index 29cac67..ba4de29 100644
--- a/app/components/workflow-detail-card.tsx
+++ b/app/components/workflow-detail-card.tsx
@@ -67,7 +67,9 @@ function Instructions({ workflow }: Props) {
         <h3 className="font-bold text-md text-primary">Install</h3>
 
         <div className="text-sm rounded-lg border flex flex-col lg:flex-row justify-between items-center gap-4 px-4 py-2">
-          <pre className="whitespace-pre-line">{workflow.installCommand}</pre>
+          <pre className="whitespace-pre-line break-all">
+            {workflow.installCommand}
+          </pre>
 
           <div className="flex gap-2">
             <CopyIcon