From 8cf7b05a9fcb4bad545dc83c424d4ab6831e1d46 Mon Sep 17 00:00:00 2001
From: Bram Suurd <78373894+BramSuurdje@users.noreply.github.com>
Date: Wed, 7 Aug 2024 16:26:33 +0200
Subject: [PATCH] refactor: Update ScriptItem component to improve code
 readability

---
 src/app/scripts/_components/ScriptItem.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/scripts/_components/ScriptItem.tsx b/src/app/scripts/_components/ScriptItem.tsx
index aa0fcb2..43b4126 100644
--- a/src/app/scripts/_components/ScriptItem.tsx
+++ b/src/app/scripts/_components/ScriptItem.tsx
@@ -357,7 +357,7 @@ function ScriptItem({
                             </p>
                             <div className="flex">
                               <Card className="flex items-center overflow-x-auto bg-secondary pl-4">
-                                <code className="overflow-x-visible whitespace-pre-wrap break-all pr-4 text-sm">
+                                <code className="overflow-x-auto whitespace-pre-wrap text-nowrap break-all pr-4 text-sm">
                                   {!isMobile && installCommand
                                     ? installCommand
                                     : "Copy install command"}
@@ -397,7 +397,7 @@ function ScriptItem({
                                 </p>
                                 <div className="flex">
                                   <Card className="flex items-center overflow-x-auto bg-secondary pl-4">
-                                    <code className="overflow-x-visible whitespace-pre-wrap break-all pr-4 text-sm">
+                                    <code className="overflow-x-auto whitespace-pre-wrap text-nowrap break-all pr-4 text-sm">
                                       {!isMobile && installCommand
                                         ? installCommand
                                         : "Copy install command"}
@@ -441,7 +441,7 @@ function ScriptItem({
                           </p>
                           <div className="flex">
                             <Card className="flex items-center overflow-x-auto bg-secondary pl-4">
-                              <code className="overflow-x-visible whitespace-pre-wrap break-all pr-4 text-sm">
+                              <code className="overflow-x-auto whitespace-pre-wrap text-nowrap break-all pr-4 text-sm">
                                 {!isMobile && installCommand
                                   ? installCommand
                                   : "Copy install command"}