From 577632b034f6fb7aa46abfc4850f8452462b3bc4 Mon Sep 17 00:00:00 2001
From: Kamil Kisiela <kamil.kisiela@gmail.com>
Date: Fri, 9 Aug 2024 14:52:50 +0200
Subject: [PATCH] Fix text alignment in Schema Checks (#5328)

---
 .../app/src/components/target/history/errors-and-changes.tsx  | 4 +++-
 packages/web/app/src/pages/target-checks-single.tsx           | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/web/app/src/components/target/history/errors-and-changes.tsx b/packages/web/app/src/components/target/history/errors-and-changes.tsx
index a0f013d7d..f8237c387 100644
--- a/packages/web/app/src/components/target/history/errors-and-changes.tsx
+++ b/packages/web/app/src/components/target/history/errors-and-changes.tsx
@@ -196,7 +196,9 @@ function ChangeItem(props: {
               )}
             >
               <div className="inline-flex justify-start space-x-2">
-                <span className="text-gray-600 dark:text-white">{labelize(change.message)}</span>
+                <span className="text-left text-gray-600 dark:text-white">
+                  {labelize(change.message)}
+                </span>
                 {change.isSafeBasedOnUsage && (
                   <span className="cursor-pointer text-yellow-500">
                     {' '}
diff --git a/packages/web/app/src/pages/target-checks-single.tsx b/packages/web/app/src/pages/target-checks-single.tsx
index de978aba9..045e949c5 100644
--- a/packages/web/app/src/pages/target-checks-single.tsx
+++ b/packages/web/app/src/pages/target-checks-single.tsx
@@ -201,7 +201,9 @@ const PolicyBlock = (props: {
             key={key}
             className={cn(props.type === 'warning' ? 'text-yellow-400' : 'text-red-400', 'my-1')}
           >
-            <span className="text-gray-600 dark:text-white">{labelize(edge.node.message)}</span>
+            <span className="text-left text-gray-600 dark:text-white">
+              {labelize(edge.node.message)}
+            </span>
           </li>
         ))}
       </ul>