From 54e413f4591ede84e5562c4216c01a1526f6a659 Mon Sep 17 00:00:00 2001
From: Katarina Sieklova <ksieklov@redhat.com>
Date: Thu, 14 Aug 2025 14:48:25 +0200
Subject: [PATCH] Wizard: fix overflowing bp name

Truncate the name of a bp if it's too long and does not fit the Blueprint card on landing page. Not sure truncating is what we want tho.

Fixes #3034
---
 src/Components/Blueprints/BlueprintCard.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Components/Blueprints/BlueprintCard.tsx b/src/Components/Blueprints/BlueprintCard.tsx
index 7a2ddb95..7bb47aad 100644
--- a/src/Components/Blueprints/BlueprintCard.tsx
+++ b/src/Components/Blueprints/BlueprintCard.tsx
@@ -8,6 +8,7 @@ import {
   CardHeader,
   CardTitle,
   Spinner,
+  Truncate,
 } from '@patternfly/react-core';
 
 import { useDeleteBPWithNotification as useDeleteBlueprintMutation } from '../../Hooks';
@@ -54,7 +55,7 @@ const BlueprintCard = ({ blueprint }: blueprintProps) => {
             {isLoading && blueprint.id === selectedBlueprintId && (
               <Spinner size='md' />
             )}
-            {blueprint.name}
+            <Truncate content={blueprint.name} position='end' />
           </CardTitle>
         </CardHeader>
         <CardBody>{blueprint.description}</CardBody>