diff --git a/packages/module/src/catalog/QuickStartTile.tsx b/packages/module/src/catalog/QuickStartTile.tsx
index a4daae8a..4db04b72 100644
--- a/packages/module/src/catalog/QuickStartTile.tsx
+++ b/packages/module/src/catalog/QuickStartTile.tsx
@@ -132,18 +132,14 @@ const QuickStartTile: FC<QuickStartTileProps> = ({
     />
   ) : undefined;
 
+  const cardClasses = `pfext-catalog-item${isActive ? ' pf-m-current' : ''}`;
+
   return (
     <Card
       id={`${id}-catalog-tile`}
       style={{ height: '100%' }}
       data-testid={`qs-card-${camelize(displayName)}`}
-      className="pfext-catalog-item"
-      {...(isActive && {
-        isClickable: true,
-        isSelectable: true,
-        isSelected: true,
-        isClicked: true,
-      })}
+      className={cardClasses}
     >
       <CardHeader
         {...(action && {
diff --git a/packages/module/src/catalog/__tests__/QuickStartTile.spec.tsx b/packages/module/src/catalog/__tests__/QuickStartTile.spec.tsx
index 9a12f477..885fcf22 100644
--- a/packages/module/src/catalog/__tests__/QuickStartTile.spec.tsx
+++ b/packages/module/src/catalog/__tests__/QuickStartTile.spec.tsx
@@ -18,6 +18,7 @@ describe('QuickStartTile', () => {
     );
     const catalogTile = wrapper.find(Card);
     expect(catalogTile.exists()).toBeTruthy();
+    expect(catalogTile.hasClass('pf-m-current')).toBe(false);
   });
 
   it('should load proper catalog tile with featured property', () => {
@@ -31,6 +32,6 @@ describe('QuickStartTile', () => {
     );
     const catalogTile = wrapper.find(Card);
     expect(catalogTile.exists()).toBeTruthy();
-    expect(catalogTile.prop('isSelected')).toBe(true);
+    expect(catalogTile.hasClass('pf-m-current')).toBe(true);
   });
 });