diff --git a/public/locales/en.json b/public/locales/en.json
index 364b6741..6cf67f34 100644
--- a/public/locales/en.json
+++ b/public/locales/en.json
@@ -323,7 +323,18 @@
     "search": "Search",
     "components": "Components",
     "notSelected": "Not selected",
-    "btp": "BTP"
+    "btp": "BTP",
+    "error": "Error",
+    "ready": "Ready",
+    "synced": "Synced",
+    "healthy": "Healthy",
+    "installed": "Installed"
+  },
+  "errors": {
+    "installError": "Install error",
+    "syncError": "Sync error",
+    "error": "Error",
+    "notHealthy": "Not healthy"
   },
   "buttons": {
     "viewResource": "View resource",
diff --git a/src/components/ControlPlane/FluxList.tsx b/src/components/ControlPlane/FluxList.tsx
index a8adfe4f..ea9a9287 100644
--- a/src/components/ControlPlane/FluxList.tsx
+++ b/src/components/ControlPlane/FluxList.tsx
@@ -6,10 +6,11 @@ import { FluxRequest } from '../../lib/api/types/flux/listGitRepo';
 import { FluxKustomization, KustomizationsResponse } from '../../lib/api/types/flux/listKustomization';
 import { useTranslation } from 'react-i18next';
 import { timeAgo } from '../../utils/i18n/timeAgo.ts';
-import { ResourceStatusCell } from '../Shared/ResourceStatusCell.tsx';
+
 import { YamlViewButton } from '../Yaml/YamlViewButton.tsx';
 import { useMemo } from 'react';
 import StatusFilter from '../Shared/StatusFilter/StatusFilter.tsx';
+import { ResourceStatusCell } from '../Shared/ResourceStatusCell.tsx';
 
 export default function FluxList() {
   const { data: gitReposData, error: repoErr, isLoading: repoIsLoading } = useApiResource(FluxRequest); //404 if component not enabled
@@ -36,6 +37,7 @@ export default function FluxList() {
     isReady: boolean;
     statusUpdateTime?: string;
     item: unknown;
+    readyMessage: string;
   };
 
   const gitReposColumns: AnalyticalTableColumnDefinition[] = useMemo(
@@ -56,23 +58,26 @@ export default function FluxList() {
       {
         Header: t('FluxList.tableStatusHeader'),
         accessor: 'status',
-        width: 85,
+        width: 125,
         hAlign: 'Center',
         Filter: ({ column }) => <StatusFilter column={column} />,
-        Cell: (cellData: CellData<FluxRow['isReady']>) =>
+        Cell: (cellData: CellData<FluxRow>) =>
           cellData.cell.row.original?.isReady != null ? (
             <ResourceStatusCell
-              value={cellData.cell.row.original?.isReady}
+              positiveText={t('common.ready')}
+              negativeText={t('errors.error')}
+              isOk={cellData.cell.row.original?.isReady}
               transitionTime={
                 cellData.cell.row.original?.statusUpdateTime ? cellData.cell.row.original?.statusUpdateTime : ''
               }
+              message={cellData.cell.row.original?.readyMessage}
             />
           ) : null,
       },
       {
         Header: t('yaml.YAML'),
         hAlign: 'Center',
-        width: 85,
+        width: 75,
         accessor: 'yaml',
         disableFilters: true,
         Cell: (cellData: CellData<KustomizationsResponse['items']>) => (
@@ -97,16 +102,19 @@ export default function FluxList() {
       {
         Header: t('FluxList.tableStatusHeader'),
         accessor: 'status',
-        width: 85,
+        width: 125,
         hAlign: 'Center',
         Filter: ({ column }) => <StatusFilter column={column} />,
         Cell: (cellData: CellData<FluxRow['isReady']>) =>
           cellData.cell.row.original?.isReady != null ? (
             <ResourceStatusCell
-              value={cellData.cell.row.original?.isReady}
+              positiveText={t('common.ready')}
+              negativeText={t('common.error')}
+              isOk={cellData.cell.row.original?.isReady}
               transitionTime={
                 cellData.cell.row.original?.statusUpdateTime ? cellData.cell.row.original?.statusUpdateTime : ''
               }
+              message={cellData.cell.row.original?.readyMessage}
             />
           ) : null,
       },
@@ -114,7 +122,7 @@ export default function FluxList() {
       {
         Header: t('yaml.YAML'),
         hAlign: 'Center',
-        width: 85,
+        width: 75,
         accessor: 'yaml',
         disableFilters: true,
         Cell: (cellData: CellData<FluxRow>) => <YamlViewButton resourceObject={cellData.cell.row.original?.item} />,
@@ -134,24 +142,28 @@ export default function FluxList() {
 
   const gitReposRows: FluxRow[] =
     gitReposData?.items?.map((item) => {
+      const readyObject = item.status?.conditions?.find((x) => x.type === 'Ready');
       return {
         name: item.metadata.name,
-        isReady: item?.status?.conditions?.find((x) => x.type === 'Ready')?.status === 'True',
-        statusUpdateTime: item.status?.conditions?.find((x) => x.type === 'Ready')?.lastTransitionTime,
+        isReady: readyObject?.status === 'True',
+        statusUpdateTime: readyObject?.lastTransitionTime,
         revision: shortenCommitHash(item.status.artifact?.revision ?? '-'),
         created: timeAgo.format(new Date(item.metadata.creationTimestamp)),
         item: item,
+        readyMessage: readyObject?.message ?? readyObject?.reason ?? '',
       };
     }) ?? [];
 
   const kustomizationsRows: FluxRow[] =
     kustmizationData?.items?.map((item) => {
+      const readyObject = item.status?.conditions?.find((x) => x.type === 'Ready');
       return {
         name: item.metadata.name,
-        isReady: item.status?.conditions?.find((x) => x.type === 'Ready')?.status === 'True',
-        statusUpdateTime: item.status?.conditions?.find((x) => x.type === 'Ready')?.lastTransitionTime,
+        isReady: readyObject?.status === 'True',
+        statusUpdateTime: readyObject?.lastTransitionTime,
         created: timeAgo.format(new Date(item.metadata.creationTimestamp)),
         item: item,
+        readyMessage: readyObject?.message ?? readyObject?.reason ?? '',
       };
     }) ?? [];
 
diff --git a/src/components/ControlPlane/MCPHealthPopoverButton.tsx b/src/components/ControlPlane/MCPHealthPopoverButton.tsx
index 230e9022..8ed4d7e7 100644
--- a/src/components/ControlPlane/MCPHealthPopoverButton.tsx
+++ b/src/components/ControlPlane/MCPHealthPopoverButton.tsx
@@ -1,42 +1,62 @@
-import { AnalyticalTable, Icon, Popover, FlexBox, FlexBoxJustifyContent, Button } from '@ui5/webcomponents-react';
+import {
+  AnalyticalTable,
+  Icon,
+  Popover,
+  FlexBox,
+  FlexBoxJustifyContent,
+  Button,
+  PopoverDomRef,
+  ButtonDomRef,
+} from '@ui5/webcomponents-react';
 import { AnalyticalTableColumnDefinition } from '@ui5/webcomponents-react/wrappers';
 import PopoverPlacement from '@ui5/webcomponents/dist/types/PopoverPlacement.js';
 import '@ui5/webcomponents-icons/dist/copy';
-import { JSX, useRef, useState } from 'react';
-import { ControlPlaneStatusType, ReadyStatus } from '../../lib/api/types/crate/controlPlanes';
+import { JSX, useRef, useState, ReactNode } from 'react';
+import type { ButtonClickEventDetail } from '@ui5/webcomponents/dist/Button.js';
+import {
+  ControlPlaneStatusType,
+  ReadyStatus,
+  ControlPlaneStatusCondition,
+} from '../../lib/api/types/crate/controlPlanes';
 import ReactTimeAgo from 'react-time-ago';
 import { AnimatedHoverTextButton } from '../Helper/AnimatedHoverTextButton.tsx';
 import { useTranslation } from 'react-i18next';
 import { useLink } from '../../lib/shared/useLink.ts';
 import TooltipCell from '../Shared/TooltipCell.tsx';
-export default function MCPHealthPopoverButton({
-  mcpStatus,
-  projectName,
-  workspaceName,
-  mcpName,
-}: {
+import type { Ui5CustomEvent } from '@ui5/webcomponents-react-base';
+
+interface CellData<T> {
+  cell: {
+    value: ReactNode;
+  };
+  row: {
+    original: T;
+    [key: string]: unknown;
+  };
+  [key: string]: unknown;
+}
+
+type MCPHealthPopoverButtonProps = {
   mcpStatus: ControlPlaneStatusType | undefined;
   projectName: string;
   workspaceName: string;
   mcpName: string;
-}) {
-  const popoverRef = useRef(null);
+};
+
+const MCPHealthPopoverButton = ({ mcpStatus, projectName, workspaceName, mcpName }: MCPHealthPopoverButtonProps) => {
+  const popoverRef = useRef<PopoverDomRef>(null);
   const [open, setOpen] = useState(false);
   const { githubIssuesSupportTicket } = useLink();
-
   const { t } = useTranslation();
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const handleOpenerClick = (e: any) => {
+  const handleOpenerClick = (event: Ui5CustomEvent<ButtonDomRef, ButtonClickEventDetail>) => {
     if (popoverRef.current) {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const ref = popoverRef.current as any;
-      ref.opener = e.target;
+      (popoverRef.current as unknown as { opener: EventTarget | null }).opener = event.target;
       setOpen((prev) => !prev);
     }
   };
 
-  const getTicketTitle = () => {
+  const getTicketTitle = (): string => {
     switch (mcpStatus?.status) {
       case ReadyStatus.Ready:
         return t('MCPHealthPopoverButton.supportTicketTitleReady');
@@ -49,13 +69,13 @@ export default function MCPHealthPopoverButton({
     }
   };
 
-  const constructGithubIssuesLink = () => {
+  const constructGithubIssuesLink = (): string => {
     const clusterDetails = `${projectName}/${workspaceName}/${mcpName}`;
 
     const statusDetails = mcpStatus?.conditions
       ? `${t('MCPHealthPopoverButton.statusDetailsLabel')}: ${mcpStatus.status}\n\n${t('MCPHealthPopoverButton.detailsLabel')}\n` +
-        mcpStatus?.conditions
-          .map((condition) => {
+        mcpStatus.conditions
+          .map((condition: ControlPlaneStatusCondition) => {
             let text = `- ${condition.type}: ${condition.status}\n`;
             if (condition.reason) text += `  - ${t('MCPHealthPopoverButton.reasonHeader')}: ${condition.reason}\n`;
             if (condition.message) text += `  - ${t('MCPHealthPopoverButton.messageHeader')}: ${condition.message}\n`;
@@ -79,8 +99,7 @@ export default function MCPHealthPopoverButton({
       Header: t('MCPHealthPopoverButton.statusHeader'),
       accessor: 'status',
       width: 50,
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      Cell: (instance: any) => {
+      Cell: (instance: CellData<ControlPlaneStatusCondition>) => {
         const isReady = instance.cell.value === 'True';
         return (
           <Icon
@@ -94,8 +113,7 @@ export default function MCPHealthPopoverButton({
       Header: t('MCPHealthPopoverButton.typeHeader'),
       accessor: 'type',
       width: 150,
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      Cell: (instance: any) => {
+      Cell: (instance: CellData<ControlPlaneStatusCondition>) => {
         return <TooltipCell>{instance.cell.value}</TooltipCell>;
       },
     },
@@ -103,8 +121,7 @@ export default function MCPHealthPopoverButton({
       Header: t('MCPHealthPopoverButton.messageHeader'),
       accessor: 'message',
       width: 350,
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      Cell: (instance: any) => {
+      Cell: (instance: CellData<ControlPlaneStatusCondition>) => {
         return <TooltipCell>{instance.cell.value}</TooltipCell>;
       },
     },
@@ -112,20 +129,17 @@ export default function MCPHealthPopoverButton({
       Header: t('MCPHealthPopoverButton.reasonHeader'),
       accessor: 'reason',
       width: 100,
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      Cell: (instance: any) => {
+      Cell: (instance: CellData<ControlPlaneStatusCondition>) => {
         return <TooltipCell>{instance.cell.value}</TooltipCell>;
       },
     },
     {
       Header: t('MCPHealthPopoverButton.transitionHeader'),
       accessor: 'lastTransitionTime',
-      width: 110,
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      Cell: (instance: any) => {
+      width: 125,
+      Cell: (instance: CellData<ControlPlaneStatusCondition>) => {
         const rawDate = instance.cell.value;
-        const date = new Date(rawDate);
-
+        const date = new Date(rawDate as string);
         return (
           <TooltipCell>
             <ReactTimeAgo date={date} />
@@ -143,40 +157,32 @@ export default function MCPHealthPopoverButton({
         onClick={handleOpenerClick}
       />
       <Popover ref={popoverRef} open={open} placement={PopoverPlacement.Bottom}>
-        {
-          <StatusTable
-            status={mcpStatus}
-            tableColumns={statusTableColumns}
-            githubIssuesLink={constructGithubIssuesLink()}
-          />
-        }
+        <StatusTable
+          status={mcpStatus}
+          tableColumns={statusTableColumns}
+          githubIssuesLink={constructGithubIssuesLink()}
+        />
       </Popover>
     </div>
   );
-}
+};
 
-function StatusTable({
-  status,
-  tableColumns,
-  githubIssuesLink,
-}: {
+export default MCPHealthPopoverButton;
+
+type StatusTableProps = {
   status: ControlPlaneStatusType | undefined;
   tableColumns: AnalyticalTableColumnDefinition[];
   githubIssuesLink: string;
-}) {
+};
+
+const StatusTable = ({ status, tableColumns, githubIssuesLink }: StatusTableProps) => {
   const { t } = useTranslation();
 
+  const sortedConditions = status?.conditions ? [...status.conditions].sort((a, b) => (a.type < b.type ? -1 : 1)) : [];
+
   return (
     <div style={{ width: 770 }}>
-      <AnalyticalTable
-        scaleWidthMode="Default"
-        columns={tableColumns}
-        data={
-          status?.conditions?.sort((a, b) => {
-            return a.type < b.type ? -1 : 1;
-          }) ?? []
-        }
-      />
+      <AnalyticalTable scaleWidthMode="Default" columns={tableColumns} data={sortedConditions} />
       <FlexBox justifyContent={FlexBoxJustifyContent.End} style={{ marginTop: '0.5rem' }}>
         <a href={githubIssuesLink} target="_blank" rel="noreferrer">
           <Button>{t('MCPHealthPopoverButton.createSupportTicketButton')}</Button>
@@ -184,9 +190,9 @@ function StatusTable({
       </FlexBox>
     </div>
   );
-}
+};
 
-function getIconForOverallStatus(status: ReadyStatus | undefined): JSX.Element {
+const getIconForOverallStatus = (status: ReadyStatus | undefined): JSX.Element => {
   switch (status) {
     case ReadyStatus.Ready:
       return <Icon style={{ color: 'green' }} name="sap-icon://sys-enter" />;
@@ -194,7 +200,7 @@ function getIconForOverallStatus(status: ReadyStatus | undefined): JSX.Element {
       return <Icon style={{ color: 'red' }} name="sap-icon://pending" />;
     case ReadyStatus.InDeletion:
       return <Icon style={{ color: 'orange' }} name="sap-icon://delete" />;
-    case undefined:
+    default:
       return <></>;
   }
-}
+};
diff --git a/src/components/ControlPlane/ManagedResources.tsx b/src/components/ControlPlane/ManagedResources.tsx
index 851b488d..2763cc58 100644
--- a/src/components/ControlPlane/ManagedResources.tsx
+++ b/src/components/ControlPlane/ManagedResources.tsx
@@ -12,10 +12,11 @@ import IllustratedError from '../Shared/IllustratedError';
 import '@ui5/webcomponents-icons/dist/sys-enter-2';
 import '@ui5/webcomponents-icons/dist/sys-cancel-2';
 import { resourcesInterval } from '../../lib/shared/constants';
-import { ResourceStatusCell } from '../Shared/ResourceStatusCell';
+
 import { YamlViewButton } from '../Yaml/YamlViewButton.tsx';
 import { useMemo } from 'react';
 import StatusFilter from '../Shared/StatusFilter/StatusFilter.tsx';
+import { ResourceStatusCell } from '../Shared/ResourceStatusCell.tsx';
 
 interface CellData<T> {
   cell: {
@@ -35,6 +36,8 @@ type ResourceRow = {
   ready: boolean;
   readyTransitionTime: string;
   item: unknown;
+  conditionReadyMessage: string;
+  conditionSyncedMessage: string;
 };
 
 export function ManagedResources() {
@@ -66,13 +69,16 @@ export function ManagedResources() {
         Header: t('ManagedResources.tableHeaderSynced'),
         accessor: 'synced',
         hAlign: 'Center',
-        width: 85,
+        width: 125,
         Filter: ({ column }) => <StatusFilter column={column} />,
         Cell: (cellData: CellData<ResourceRow['synced']>) =>
           cellData.cell.row.original?.synced != null ? (
             <ResourceStatusCell
-              value={cellData.cell.row.original?.synced}
+              isOk={cellData.cell.row.original?.synced}
               transitionTime={cellData.cell.row.original?.syncedTransitionTime}
+              positiveText={t('common.synced')}
+              negativeText={t('errors.syncError')}
+              message={cellData.cell.row.original?.conditionSyncedMessage}
             />
           ) : null,
       },
@@ -80,20 +86,23 @@ export function ManagedResources() {
         Header: t('ManagedResources.tableHeaderReady'),
         accessor: 'ready',
         hAlign: 'Center',
-        width: 85,
+        width: 125,
         Filter: ({ column }) => <StatusFilter column={column} />,
         Cell: (cellData: CellData<ResourceRow['ready']>) =>
           cellData.cell.row.original?.ready != null ? (
             <ResourceStatusCell
-              value={cellData.cell.row.original?.ready}
+              isOk={cellData.cell.row.original?.ready}
               transitionTime={cellData.cell.row.original?.readyTransitionTime}
+              positiveText={t('common.ready')}
+              negativeText={'Not ready'}
+              message={cellData.cell.row.original?.conditionReadyMessage}
             />
           ) : null,
       },
       {
         Header: t('yaml.YAML'),
         hAlign: 'Center',
-        width: 85,
+        width: 75,
         accessor: 'yaml',
         disableFilters: true,
         Cell: (cellData: CellData<ResourceRow>) =>
@@ -122,6 +131,8 @@ export function ManagedResources() {
             ready: conditionReady?.status === 'True',
             readyTransitionTime: conditionReady?.lastTransitionTime ?? '',
             item: item,
+            conditionSyncedMessage: conditionSynced?.message ?? conditionSynced?.reason ?? '',
+            conditionReadyMessage: conditionReady?.message ?? conditionReady?.reason ?? '',
           };
         }),
       ) ?? [];
diff --git a/src/components/ControlPlane/Providers.tsx b/src/components/ControlPlane/Providers.tsx
index 353fb017..b758d619 100644
--- a/src/components/ControlPlane/Providers.tsx
+++ b/src/components/ControlPlane/Providers.tsx
@@ -12,12 +12,13 @@ import IllustratedError from '../Shared/IllustratedError';
 import { ProvidersListRequest } from '../../lib/api/types/crossplane/listProviders';
 import { resourcesInterval } from '../../lib/shared/constants';
 import { timeAgo } from '../../utils/i18n/timeAgo';
-import { ResourceStatusCell } from '../Shared/ResourceStatusCell';
+
 import { YamlViewButton } from '../Yaml/YamlViewButton.tsx';
 
 import '@ui5/webcomponents-icons/dist/sys-enter-2';
 import '@ui5/webcomponents-icons/dist/sys-cancel-2';
 import StatusFilter from '../Shared/StatusFilter/StatusFilter.tsx';
+import { ResourceStatusCell } from '../Shared/ResourceStatusCell.tsx';
 
 interface CellData<T> {
   cell: {
@@ -33,8 +34,10 @@ type ProvidersRow = {
   version: string;
   healthy: string;
   healthyTransitionTime: string;
+  healthyMessage: string;
   installed: string;
   installedTransitionTime: string;
+  installedMessage: string;
   created: string;
   item: unknown;
 };
@@ -68,14 +71,17 @@ export function Providers() {
         Header: t('Providers.tableHeaderInstalled'),
         accessor: 'installed',
         hAlign: 'Center',
-        width: 85,
+        width: 125,
         Filter: ({ column }) => <StatusFilter column={column} />,
         filter: 'equals',
         Cell: (cellData: CellData<ProvidersRow['installed']>) =>
           cellData.cell.row.original?.installed != null ? (
             <ResourceStatusCell
-              value={cellData.cell.row.original?.installed === 'true'}
+              isOk={cellData.cell.row.original?.installed === 'true'}
               transitionTime={cellData.cell.row.original?.installedTransitionTime}
+              positiveText={t('common.installed')}
+              negativeText={t('errors.installError')}
+              message={cellData.cell.row.original?.installedMessage}
             />
           ) : null,
       },
@@ -83,21 +89,24 @@ export function Providers() {
         Header: t('Providers.tableHeaderHealthy'),
         accessor: 'healthy',
         hAlign: 'Center',
-        width: 85,
+        width: 125,
         Filter: ({ column }) => <StatusFilter column={column} />,
         filter: 'equals',
         Cell: (cellData: CellData<ProvidersRow['healthy']>) =>
           cellData.cell.row.original?.installed != null ? (
             <ResourceStatusCell
-              value={cellData.cell.row.original?.healthy === 'true'}
+              isOk={cellData.cell.row.original?.healthy === 'true'}
               transitionTime={cellData.cell.row.original?.healthyTransitionTime}
+              positiveText={t('common.healthy')}
+              negativeText={t('errors.notHealthy')}
+              message={cellData.cell.row.original?.healthyMessage}
             />
           ) : null,
       },
       {
         Header: t('yaml.YAML'),
         hAlign: 'Center',
-        width: 85,
+        width: 75,
         accessor: 'yaml',
         disableFilters: true,
         Cell: (cellData: CellData<ProvidersRow>) => (
@@ -121,6 +130,8 @@ export function Providers() {
         healthyTransitionTime: healthy?.lastTransitionTime ?? '',
         version: item.spec.package.match(/\d+(\.\d+)+/g)?.toString() ?? '',
         item: item,
+        healthyMessage: healthy?.message ?? healthy?.reason ?? '',
+        installedMessage: installed?.message ?? installed?.reason ?? '',
       };
     }) ?? [];
 
diff --git a/src/components/ControlPlane/ProvidersConfig.tsx b/src/components/ControlPlane/ProvidersConfig.tsx
index b6891320..a4756116 100644
--- a/src/components/ControlPlane/ProvidersConfig.tsx
+++ b/src/components/ControlPlane/ProvidersConfig.tsx
@@ -74,7 +74,7 @@ export function ProvidersConfig() {
       {
         Header: t('yaml.YAML'),
         hAlign: 'Center',
-        width: 85,
+        width: 75,
         accessor: 'yaml',
         disableFilters: true,
         Cell: (cellData: CellData<Rows>) =>
diff --git a/src/components/Helper/AnimatedHoverTextButton.tsx b/src/components/Helper/AnimatedHoverTextButton.tsx
index 8bd7b310..ed768bae 100644
--- a/src/components/Helper/AnimatedHoverTextButton.tsx
+++ b/src/components/Helper/AnimatedHoverTextButton.tsx
@@ -1,21 +1,21 @@
-import { Button, FlexBox, FlexBoxAlignItems, Text } from '@ui5/webcomponents-react';
+import { Button, ButtonDomRef, FlexBox, FlexBoxAlignItems, Text } from '@ui5/webcomponents-react';
 import '@ui5/webcomponents-icons/dist/copy';
-import { JSX, useState } from 'react';
+import { JSX, RefObject, useState } from 'react';
 import ButtonDesign from '@ui5/webcomponents/dist/types/ButtonDesign.js';
+import type { Ui5CustomEvent } from '@ui5/webcomponents-react-base';
+import type { ButtonClickEventDetail } from '@ui5/webcomponents/dist/Button.js';
 
-export function AnimatedHoverTextButton({
-  text,
-  icon,
-  onClick,
-}: {
+type HoverTextButtonProps = {
   text: string;
   icon: JSX.Element;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  onClick: (e: any) => void;
-}) {
+  ref?: RefObject<ButtonDomRef | null>;
+  onClick: (event: Ui5CustomEvent<ButtonDomRef, ButtonClickEventDetail>) => void;
+};
+export const AnimatedHoverTextButton = ({ text, icon, onClick, ref }: HoverTextButtonProps) => {
   const [hover, setHover] = useState(false);
   return (
     <Button
+      ref={ref}
       design={ButtonDesign.Transparent}
       onClick={onClick}
       onMouseOver={() => setHover(true)}
@@ -27,4 +27,4 @@ export function AnimatedHoverTextButton({
       </FlexBox>
     </Button>
   );
-}
+};
diff --git a/src/components/Projects/ProjectsList.tsx b/src/components/Projects/ProjectsList.tsx
index 454771ca..0b43eb1e 100644
--- a/src/components/Projects/ProjectsList.tsx
+++ b/src/components/Projects/ProjectsList.tsx
@@ -1,4 +1,4 @@
-import { AnalyticalTable, AnalyticalTableColumnDefinition, Link } from '@ui5/webcomponents-react';
+import { AnalyticalTable, Link } from '@ui5/webcomponents-react';
 
 import { CopyButton } from '../Shared/CopyButton.tsx';
 import useLuigiNavigate from '../Shared/useLuigiNavigate.tsx';
@@ -13,12 +13,26 @@ import { YamlViewButtonWithLoader } from '../Yaml/YamlViewButtonWithLoader.tsx';
 import { useMemo } from 'react';
 import { ProjectsListItemMenu } from './ProjectsListItemMenu.tsx';
 
+type ProjectListRow = {
+  projectName: string;
+  nameSpace: string;
+};
+
+type ProjectListCellInstance<T> = {
+  cell: {
+    value: string;
+    row: {
+      original: T;
+    };
+  };
+};
+
 export default function ProjectsList() {
   const navigate = useLuigiNavigate();
   const { data, error } = useApiResource(ListProjectNames, {
     refreshInterval: 3000,
   });
-  const stabilizedData = useMemo(
+  const stabilizedData = useMemo<ProjectListRow[]>(
     () =>
       data?.map((projectName) => {
         return {
@@ -28,13 +42,12 @@ export default function ProjectsList() {
       }) ?? [],
     [data],
   );
-  const stabilizedColumns: AnalyticalTableColumnDefinition[] = useMemo(
+  const stabilizedColumns = useMemo(
     () => [
       {
         Header: t('ProjectsListView.title'),
         accessor: 'projectName',
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        Cell: (instance: any) => (
+        Cell: (instance: ProjectListCellInstance<ProjectListRow>) => (
           <Link
             design={'Emphasized'}
             style={{
@@ -55,8 +68,7 @@ export default function ProjectsList() {
         Header: 'Namespace',
         accessor: 'nameSpace',
         width: 340,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        Cell: (instance: any) => (
+        Cell: (instance: ProjectListCellInstance<ProjectListRow>) => (
           <div
             style={{
               display: 'flex',
@@ -64,7 +76,6 @@ export default function ProjectsList() {
               gap: '0.5rem',
               alignItems: 'center',
               width: '100%',
-
               cursor: 'pointer',
             }}
           >
@@ -75,16 +86,15 @@ export default function ProjectsList() {
       {
         Header: t('yaml.YAML'),
         accessor: 'yaml',
-        width: 85,
+        width: 75,
         disableFilters: true,
-        hAlign: 'Center',
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        Cell: (instance: any) => (
+        hAlign: 'Center' as const,
+        Cell: (instance: ProjectListCellInstance<ProjectListRow>) => (
           <div
             style={{
               width: '100%',
               display: 'flex',
-              justifyContent: 'end',
+              justifyContent: 'center',
               alignItems: 'center',
             }}
           >
@@ -100,9 +110,8 @@ export default function ProjectsList() {
         accessor: 'options',
         width: 60,
         disableFilters: true,
-        hAlign: 'Center',
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        Cell: (instance: any) => (
+        hAlign: 'Center' as const,
+        Cell: (instance: ProjectListCellInstance<ProjectListRow>) => (
           <div
             style={{
               width: '100%',
diff --git a/src/components/Shared/ResourceStatusCell.module.css b/src/components/Shared/ResourceStatusCell.module.css
new file mode 100644
index 00000000..459ff006
--- /dev/null
+++ b/src/components/Shared/ResourceStatusCell.module.css
@@ -0,0 +1,18 @@
+.message {
+  max-width: 60ch;
+  text-align: left;
+  line-height: 1.5em;
+}
+
+.wrapper {
+  border-top: 1px solid gray;
+  padding-top: 1rem;
+  margin-top: 1rem;
+}
+
+.subheader {
+  max-width: 60ch;
+  text-align: left;
+  line-height: 1.5em;
+  font-weight: bold;
+}
diff --git a/src/components/Shared/ResourceStatusCell.tsx b/src/components/Shared/ResourceStatusCell.tsx
index ad7801a9..d13f4b63 100644
--- a/src/components/Shared/ResourceStatusCell.tsx
+++ b/src/components/Shared/ResourceStatusCell.tsx
@@ -1,14 +1,73 @@
-import { Icon } from '@ui5/webcomponents-react';
-import { StatusCellProps } from '../../lib/shared/interfaces';
+import { ButtonDomRef, FlexBox, Icon, ResponsivePopover, Text } from '@ui5/webcomponents-react';
 import { timeAgo } from '../../utils/i18n/timeAgo';
+import { useRef, useState } from 'react';
+import { AnimatedHoverTextButton } from '../Helper/AnimatedHoverTextButton.tsx';
+import PopoverPlacement from '@ui5/webcomponents/dist/types/PopoverPlacement.js';
+import styles from './ResourceStatusCell.module.css';
+export interface ResourceStatusCellProps {
+  isOk: boolean;
+  transitionTime: string;
+  message?: string;
+  positiveText: string;
+  negativeText: string;
+}
+export const ResourceStatusCell = ({
+  isOk,
+  transitionTime,
+  message,
+  positiveText,
+  negativeText,
+}: ResourceStatusCellProps) => {
+  const btnRef = useRef<ButtonDomRef>(null);
+  const [popoverIsOpen, setPopoverIsOpen] = useState(false);
 
-export function ResourceStatusCell({ value, transitionTime }: StatusCellProps) {
+  const handleClose = () => {
+    setPopoverIsOpen(false);
+  };
+  const handleOpen = () => {
+    setPopoverIsOpen(true);
+  };
   return (
-    <Icon
-      design={value ? 'Positive' : 'Negative'}
-      name={value ? 'sys-enter-2' : 'sys-cancel-2'}
-      showTooltip={true}
-      accessibleName={transitionTime ? timeAgo.format(new Date(transitionTime)) : '-'}
-    />
+    <span>
+      <AnimatedHoverTextButton
+        ref={btnRef}
+        icon={
+          <Icon
+            design={isOk ? 'Positive' : 'Negative'}
+            name={isOk ? 'sys-enter-2' : 'sys-cancel-2'}
+            showTooltip={true}
+            accessibleName={transitionTime ? timeAgo.format(new Date(transitionTime)) : '-'}
+          />
+        }
+        text={isOk ? positiveText : negativeText}
+        onClick={handleOpen}
+      />
+      <ResponsivePopover
+        opener={btnRef.current ?? undefined}
+        open={popoverIsOpen}
+        placement={PopoverPlacement.Bottom}
+        onClose={handleClose}
+      >
+        <Text className={styles.message}>{message}</Text>
+
+        <FlexBox className={styles.wrapper} justifyContent={'Start'} alignItems={'Center'} gap={12}>
+          <Icon
+            name={'date-time'}
+            style={{
+              color: isOk ? 'var(--sapPositiveTextColor)' : 'var(--sapNegativeTextColor)',
+            }}
+            design={isOk ? 'Positive' : 'Negative'}
+          />
+          <Text
+            className={styles.subheader}
+            style={{
+              color: isOk ? 'var(--sapPositiveTextColor)' : 'var(--sapNegativeTextColor)',
+            }}
+          >
+            {timeAgo.format(new Date(transitionTime))}
+          </Text>
+        </FlexBox>
+      </ResponsivePopover>
+    </span>
   );
-}
+};
diff --git a/src/components/Yaml/YamlViewButton.tsx b/src/components/Yaml/YamlViewButton.tsx
index 5e2add13..2e6b7d78 100644
--- a/src/components/Yaml/YamlViewButton.tsx
+++ b/src/components/Yaml/YamlViewButton.tsx
@@ -16,6 +16,7 @@ export const YamlViewButton: FC<YamlViewButtonProps> = ({ resourceObject }) => {
   const [isOpen, setIsOpen] = useState(false);
   const { t } = useTranslation();
   const resource = resourceObject as Resource;
+
   const yamlString = useMemo(() => {
     return stringify(removeManagedFieldsProperty(resource));
   }, [resource]);
diff --git a/src/lib/api/types/crossplane/listManagedResources.ts b/src/lib/api/types/crossplane/listManagedResources.ts
index f3e1e1ec..2ebd01e9 100644
--- a/src/lib/api/types/crossplane/listManagedResources.ts
+++ b/src/lib/api/types/crossplane/listManagedResources.ts
@@ -15,6 +15,8 @@ export type ManagedResourcesResponse = [
               type: 'Ready' | 'Synced' | unknown;
               status: 'True' | 'False';
               lastTransitionTime: string;
+              message?: string;
+              reason?: string;
             },
           ];
         };
diff --git a/src/lib/api/types/crossplane/listProviders.ts b/src/lib/api/types/crossplane/listProviders.ts
index 6d4702ab..c20a807e 100644
--- a/src/lib/api/types/crossplane/listProviders.ts
+++ b/src/lib/api/types/crossplane/listProviders.ts
@@ -17,6 +17,8 @@ export type ProvidersListResponse = {
             type: 'Healthy' | 'Installed' | unknown;
             status: 'True' | 'False';
             lastTransitionTime: string;
+            message?: string;
+            reason?: string;
           },
         ];
       };
diff --git a/src/lib/api/types/flux/listGitRepo.ts b/src/lib/api/types/flux/listGitRepo.ts
index 882b6ac0..b9fc6676 100644
--- a/src/lib/api/types/flux/listGitRepo.ts
+++ b/src/lib/api/types/flux/listGitRepo.ts
@@ -20,6 +20,8 @@ export type GitReposResponse = {
             status: string;
             type: string;
             lastTransitionTime: string;
+            message?: string;
+            reason?: string;
           },
         ];
       };
diff --git a/src/lib/api/types/flux/listKustomization.ts b/src/lib/api/types/flux/listKustomization.ts
index 0efff18e..2f003594 100644
--- a/src/lib/api/types/flux/listKustomization.ts
+++ b/src/lib/api/types/flux/listKustomization.ts
@@ -17,9 +17,11 @@ export type KustomizationsResponse = {
         };
         conditions: [
           {
+            message: string;
             status: string;
             type: string;
             lastTransitionTime: string;
+            reason: string;
           },
         ];
       };