diff --git a/src/components/ComponentsSelection/ComponentsSelectionContainer.tsx b/src/components/ComponentsSelection/ComponentsSelectionContainer.tsx
index b119d048..a836b5e1 100644
--- a/src/components/ComponentsSelection/ComponentsSelectionContainer.tsx
+++ b/src/components/ComponentsSelection/ComponentsSelectionContainer.tsx
@@ -69,12 +69,12 @@ export const ComponentsSelectionContainer: React.FC<ComponentsSelectionProps> =
   }
 
   if (error) {
-    return <IllustratedError />;
+    return <IllustratedError compact={true} />;
   }
 
   // Defensive: If the API returned no items, show error
   if (!componentsList || componentsList.length === 0) {
-    return <IllustratedError title={t('componentsSelection.cannotLoad')} />;
+    return <IllustratedError title={t('componentsSelection.cannotLoad')} compact={true} />;
   }
 
   return <ComponentsSelection componentsList={componentsList} setComponentsList={setComponentsList} />;
diff --git a/src/components/ControlPlane/FluxList.tsx b/src/components/ControlPlane/FluxList.tsx
index d9865446..ccbf5f18 100644
--- a/src/components/ControlPlane/FluxList.tsx
+++ b/src/components/ControlPlane/FluxList.tsx
@@ -136,6 +136,7 @@ export default function FluxList() {
       <IllustratedError
         details={repoErr?.message || kustomizationErr?.message || t('FluxList.undefinedError')}
         title={t('FluxList.noFluxError')}
+        compact={true}
       />
     );
   }
diff --git a/src/components/ControlPlanes/List/ControlPlaneListWorkspaceGridTile.tsx b/src/components/ControlPlanes/List/ControlPlaneListWorkspaceGridTile.tsx
index f880e450..c7469c7f 100644
--- a/src/components/ControlPlanes/List/ControlPlaneListWorkspaceGridTile.tsx
+++ b/src/components/ControlPlanes/List/ControlPlaneListWorkspaceGridTile.tsx
@@ -58,6 +58,7 @@ export function ControlPlaneListWorkspaceGridTile({ projectName, workspace }: Pr
           <IllustratedError
             title={t('ControlPlaneListWorkspaceGridTile.permissionErrorMessage')}
             details={t('ControlPlaneListWorkspaceGridTile.permissionErrorMessageSubtitle')}
+            compact={true}
           />
         );
       } else {
diff --git a/src/components/Shared/IllustratedError.tsx b/src/components/Shared/IllustratedError.tsx
index 701e7528..5ba5cf2c 100644
--- a/src/components/Shared/IllustratedError.tsx
+++ b/src/components/Shared/IllustratedError.tsx
@@ -6,9 +6,10 @@ import IllustrationMessageType from '@ui5/webcomponents-fiori/dist/types/Illustr
 interface Props {
   title?: string;
   details?: string;
+  compact?: boolean;
 }
 
-export default function IllustratedError({ title, details }: Props) {
+export default function IllustratedError({ title, details, compact }: Props) {
   const { t } = useTranslation();
 
   return (
@@ -16,6 +17,7 @@ export default function IllustratedError({ title, details }: Props) {
       illustrationName={IllustrationMessageType.SimpleError}
       title={title ?? t('IllustratedError.titleText')}
       subtitle={details ?? t('IllustratedError.subtitleText')}
+      compact={compact}
     />
   );
 }
diff --git a/src/components/Ui/IllustratedBanner/IllustratedBanner.tsx b/src/components/Ui/IllustratedBanner/IllustratedBanner.tsx
index 6a498c27..8e273b8b 100644
--- a/src/components/Ui/IllustratedBanner/IllustratedBanner.tsx
+++ b/src/components/Ui/IllustratedBanner/IllustratedBanner.tsx
@@ -36,7 +36,7 @@ export const IllustratedBanner = ({
   return (
     <FlexBox direction="Column" alignItems="Center">
       <IllustratedMessage
-        design={compact ? IllustrationMessageDesign.ExtraSmall : IllustrationMessageDesign.Large}
+        design={compact ? IllustrationMessageDesign.Small : IllustrationMessageDesign.Large}
         name={illustrationName}
         titleText={title}
         subtitleText={subtitleText}