From f85971df274d28f160f3a930658e90a81856ae03 Mon Sep 17 00:00:00 2001
From: Laurin Quast <laurinquast@googlemail.com>
Date: Thu, 11 Jul 2024 16:16:12 +0200
Subject: [PATCH] fix: access token success modal (#5202)

---
 .../app/src/components/project/alerts/channels-table.tsx    | 4 +++-
 packages/web/app/src/components/v2/tag.tsx                  | 6 +-----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/packages/web/app/src/components/project/alerts/channels-table.tsx b/packages/web/app/src/components/project/alerts/channels-table.tsx
index f1a040575..109a1087a 100644
--- a/packages/web/app/src/components/project/alerts/channels-table.tsx
+++ b/packages/web/app/src/components/project/alerts/channels-table.tsx
@@ -64,7 +64,9 @@ export function ChannelsTable(props: {
               {renderChannelEndpoint(channel)}
             </Td>
             <Td className="flex max-w-24 content-end">
-              <Tag color={colorMap[channel.type]}>{channel.type}</Tag>
+              <Tag color={colorMap[channel.type]} className="whitespace-nowrap">
+                {channel.type}
+              </Tag>
             </Td>
           </Tr>
         ))}
diff --git a/packages/web/app/src/components/v2/tag.tsx b/packages/web/app/src/components/v2/tag.tsx
index f458d7b42..4d0f724fb 100644
--- a/packages/web/app/src/components/v2/tag.tsx
+++ b/packages/web/app/src/components/v2/tag.tsx
@@ -19,11 +19,7 @@ export function Tag({
 }): ReactElement {
   return (
     <span
-      className={cn(
-        'inline-flex items-center gap-x-1 whitespace-nowrap rounded-sm p-2',
-        colors[color],
-        className,
-      )}
+      className={cn('inline-flex items-center gap-x-1 rounded-sm p-2', colors[color], className)}
     >
       {children}
     </span>