fix: Prompt cards Titles do not wrap (#190)

adobe · Dec 15, 2023 · dea55a7 · dea55a7
1 parent de8dbe2
commit dea55a7
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/web-src/src/components/PromptTemplateCard.js b/web-src/src/components/PromptTemplateCard.js
@@ -31,7 +31,6 @@ const styles = {
   `,
   title: css`
     text-overflow: ellipsis;
-    white-space: nowrap;
     overflow: hidden;
   `,
   description: css`
@@ -62,7 +61,7 @@ export function PromptTemplateCard({
           ]}
           columns={['min-content', 'auto', 'min-content']}
           rows={['min-content', 'min-content']}>
-          <Image src={GenerateIcon} width="24px" alt={''} gridArea={'icon'}/>
+          <Image src={GenerateIcon} width="24px" alt={''} gridArea={'icon'} alignSelf={'start'}/>
           <Text UNSAFE_className={styles.title} gridArea={'title'}>{template.label}</Text>
           { (template.isBundled) ? <Image src={SmallLogo} width={'18px'} alt={''} gridArea={'logo'}/> : <Fragment/> }
           <Text UNSAFE_className={styles.description} gridArea={'description'}>{template.description}</Text>