From 27926982b5bc8b71cc61b87b2656bd4e138372d5 Mon Sep 17 00:00:00 2001
From: Donald Labaj <dlabaj@redhat.com>
Date: Wed, 4 Dec 2024 06:23:13 -0800
Subject: [PATCH] fix: Fix for title size issue. (#351)

* fix: Fix for title size issue.

fix: removed title.

* fix: Updated button color
---
 packages/module/src/QuickStartPanelContent.scss      |  4 ++--
 packages/module/src/catalog/QuickStartTileHeader.tsx | 10 ++++------
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/packages/module/src/QuickStartPanelContent.scss b/packages/module/src/QuickStartPanelContent.scss
index 870a39ef..e046b7f1 100644
--- a/packages/module/src/QuickStartPanelContent.scss
+++ b/packages/module/src/QuickStartPanelContent.scss
@@ -8,7 +8,7 @@
     flex-direction: column;
   }
 
-  &__close-button button.pf-v6-c-button {
-    --pf-v6-c-button--Color: var(--pf-t--global--text--color--inverse);
+  span.pf-v6-c-button__icon {
+    color: var(--pf-t--global--text--color--inverse);
   }
 }
diff --git a/packages/module/src/catalog/QuickStartTileHeader.tsx b/packages/module/src/catalog/QuickStartTileHeader.tsx
index 704a16ef..1f18ab65 100644
--- a/packages/module/src/catalog/QuickStartTileHeader.tsx
+++ b/packages/module/src/catalog/QuickStartTileHeader.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Button, Flex, Title } from '@patternfly/react-core';
+import { Button, Flex } from '@patternfly/react-core';
 
 interface QuickStartTileHeaderProps {
   name: string;
@@ -13,11 +13,9 @@ const QuickStartTileHeader: React.FC<QuickStartTileHeaderProps> = ({
   onSelect,
 }) => (
   <Flex flexWrap={{ default: 'nowrap' }}>
-    <Title headingLevel="h3" data-test="title" id={quickStartId}>
-      <Button variant="link" isInline onClick={onSelect}>
-        {name}
-      </Button>
-    </Title>
+    <Button data-test="title" id={quickStartId} variant="link" isInline onClick={onSelect}>
+      {name}
+    </Button>
   </Flex>
 );