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>