diff --git a/src/ContentProcessorWeb/src/Pages/DefaultPage/Components/ProcessSteps/ProcessSteps.tsx b/src/ContentProcessorWeb/src/Pages/DefaultPage/Components/ProcessSteps/ProcessSteps.tsx
index 4480a9a7..e7e4fd3a 100644
--- a/src/ContentProcessorWeb/src/Pages/DefaultPage/Components/ProcessSteps/ProcessSteps.tsx
+++ b/src/ContentProcessorWeb/src/Pages/DefaultPage/Components/ProcessSteps/ProcessSteps.tsx
@@ -22,6 +22,9 @@ const ProcessSteps = () => {
   }), shallowEqual
   );
 
+  const hasValidSelection = !!store.selectedItem && !!store.selectedItem.process_id;
+  const hasProcessStepsData = Array.isArray(store.processStepsData) && store.processStepsData.length > 0;
+
   const renderProcessTimeInSeconds = (timeString: string) => {
     if (!timeString) {
       return timeString;
@@ -65,6 +68,14 @@ const ProcessSteps = () => {
     };
   }, []);
 
+  if (!hasValidSelection || !hasProcessStepsData) {
+    return (
+      <div style={{ padding: '20px', textAlign: 'center', color: '#666' }}>
+        No data available.
+      </div>
+    );
+  }
+
   return (
     <Accordion collapsible>
       {!status.includes(store.selectedItem.status) && store.processStepsData?.map((step, index) => (