diff --git a/libs/ui-lib/lib/common/components/ui/DeveloperPreview.tsx b/libs/ui-lib/lib/common/components/ui/DeveloperPreview.tsx
index 40ce0c72c4..2803dc9e54 100644
--- a/libs/ui-lib/lib/common/components/ui/DeveloperPreview.tsx
+++ b/libs/ui-lib/lib/common/components/ui/DeveloperPreview.tsx
@@ -2,14 +2,14 @@ import React from 'react';
 import { useTranslation } from '../../hooks/use-translation-wrapper';
 import { PreviewBadge, PreviewBadgeProps } from './PreviewBadge';
 
-export type DeveloperPreviewProps = Omit<PreviewBadgeProps, 'text' | 'popoverText'>;
+export type DeveloperPreviewProps = Omit<PreviewBadgeProps, 'text' | 'popoverContent'>;
 
 export const DeveloperPreview: React.FC<DeveloperPreviewProps> = (props) => {
   const { t } = useTranslation();
   return (
     <PreviewBadge
       text={t('ai:Developer Preview')}
-      popoverText={t(
+      popoverContent={t(
         'ai:Developer preview features are not intended to be used in production environments. The clusters deployed with the developer preview features are considered to be development clusters and are not supported through the Red Hat Customer Portal case management system.',
       )}
       {...props}
diff --git a/libs/ui-lib/lib/common/components/ui/PreviewBadge.tsx b/libs/ui-lib/lib/common/components/ui/PreviewBadge.tsx
index b54a91a539..e607baa05e 100644
--- a/libs/ui-lib/lib/common/components/ui/PreviewBadge.tsx
+++ b/libs/ui-lib/lib/common/components/ui/PreviewBadge.tsx
@@ -16,14 +16,14 @@ export type PreviewBadgeProps = {
   className?: string;
   text: string;
   externalLink?: string;
-  popoverText: string;
+  popoverContent: React.ReactNode;
 } & WithTestID;
 
 export const PreviewBadge: React.FC<PreviewBadgeProps> = ({
   position = PreviewBadgePosition.inline,
   className = 'pf-v5-u-ml-md',
   text,
-  popoverText,
+  popoverContent,
   externalLink,
   testId,
 }) => {
@@ -39,7 +39,7 @@ export const PreviewBadge: React.FC<PreviewBadgeProps> = ({
   }
   const bodyContent = (
     <>
-      <div style={{ marginBottom: 'var(--pf-v5-global--spacer--sm)' }}>{popoverText}</div>
+      <div style={{ marginBottom: 'var(--pf-v5-global--spacer--sm)' }}>{popoverContent}</div>
       {externalLink && (
         <>
           <ExternalLink href={externalLink}>{t('ai:Learn more')}</ExternalLink>
diff --git a/libs/ui-lib/lib/common/components/ui/TechnologyPreview.tsx b/libs/ui-lib/lib/common/components/ui/TechnologyPreview.tsx
index 89debf8bb5..21ebf56c8f 100644
--- a/libs/ui-lib/lib/common/components/ui/TechnologyPreview.tsx
+++ b/libs/ui-lib/lib/common/components/ui/TechnologyPreview.tsx
@@ -5,7 +5,7 @@ import { PreviewBadge, PreviewBadgeProps } from './PreviewBadge';
 
 export type TechnologyPreviewProps = Omit<
   PreviewBadgeProps,
-  'text' | 'popoverText' | 'externalLink'
+  'text' | 'popoverContent' | 'externalLink'
 >;
 
 export const TechnologyPreview: React.FC<TechnologyPreviewProps> = (props) => {
@@ -14,7 +14,7 @@ export const TechnologyPreview: React.FC<TechnologyPreviewProps> = (props) => {
   return (
     <PreviewBadge
       text={t('ai:Technology Preview')}
-      popoverText={t(
+      popoverContent={t(
         'ai:Technology preview features provide early access to upcoming product innovations, enabling you to test functionality and provide feedback during the development process.',
       )}
       externalLink={TECH_SUPPORT_LEVEL_LINK}