diff --git a/src/components/ControlPlanes/List/ControlPlaneListWorkspaceGridTile.tsx b/src/components/ControlPlanes/List/ControlPlaneListWorkspaceGridTile.tsx
index ff7c73e7..f880e450 100644
--- a/src/components/ControlPlanes/List/ControlPlaneListWorkspaceGridTile.tsx
+++ b/src/components/ControlPlanes/List/ControlPlaneListWorkspaceGridTile.tsx
@@ -120,6 +120,7 @@ export function ControlPlaneListWorkspaceGridTile({ projectName, workspace }: Pr
               title={t('IllustratedBanner.titleMessage')}
               subtitle={t('IllustratedBanner.subtitleMessage')}
               illustrationName={IllustrationMessageType.NoData}
+              compact
               help={{
                 link: mcpCreationGuide,
                 buttonText: t('IllustratedBanner.helpButton'),
diff --git a/src/components/Ui/IllustratedBanner/IllustratedBanner.tsx b/src/components/Ui/IllustratedBanner/IllustratedBanner.tsx
index d89b45bd..6a498c27 100644
--- a/src/components/Ui/IllustratedBanner/IllustratedBanner.tsx
+++ b/src/components/Ui/IllustratedBanner/IllustratedBanner.tsx
@@ -9,6 +9,7 @@ type InfoBannerProps = {
   title: string;
   subtitle: string | UI5WCSlotsNode;
   illustrationName: IllustrationMessageType; // e.g. 'NoData', 'SimpleError', etc.
+  compact?: boolean;
   help?: {
     link: string;
     buttonText: string;
@@ -23,6 +24,7 @@ export const IllustratedBanner = ({
   illustrationName,
   help,
   button,
+  compact = false,
 }: InfoBannerProps) => {
   let subtitleText, subtitleNode;
   if (typeof subtitleProp === 'string') {
@@ -34,7 +36,7 @@ export const IllustratedBanner = ({
   return (
     <FlexBox direction="Column" alignItems="Center">
       <IllustratedMessage
-        design={IllustrationMessageDesign.Scene}
+        design={compact ? IllustrationMessageDesign.ExtraSmall : IllustrationMessageDesign.Large}
         name={illustrationName}
         titleText={title}
         subtitleText={subtitleText}