diff --git a/react/src/components/utils/EmptyTablePlaceholder.tsx b/react/src/components/utils/EmptyTablePlaceholder.tsx
index e2c61420..63fc8f24 100644
--- a/react/src/components/utils/EmptyTablePlaceholder.tsx
+++ b/react/src/components/utils/EmptyTablePlaceholder.tsx
@@ -2,18 +2,21 @@ import { SectionMessage } from '../../core-components';
 import styles from './EmptyTablePlaceholder.module.css';
 import React from 'react';
 
+
 interface EmptyPlaceholderProps {
-  children: React.ReactNode;
-  type: 'error' | 'warning' | 'info' | 'success';
+  children?: React.ReactNode;
+  type: 'error' | 'warning' | 'info' | 'success'; 
 }
 
 export const EmptyTablePlaceholder: React.FC<EmptyPlaceholderProps> = ({
   children,
-  type,
+  type, 
 }) => {
   return (
     <div className={styles['empty']}>
-      <SectionMessage type={type}>{children}</SectionMessage>
+      {children ? (
+        <SectionMessage type={type}>{children}</SectionMessage>
+      ) : <SectionMessage type={type}>No data available.</SectionMessage>}
     </div>
   );
 };