diff --git a/src/sub-blocks/BackgroundCard/BackgroundCard.tsx b/src/sub-blocks/BackgroundCard/BackgroundCard.tsx
index 517d61367..d22416631 100644
--- a/src/sub-blocks/BackgroundCard/BackgroundCard.tsx
+++ b/src/sub-blocks/BackgroundCard/BackgroundCard.tsx
@@ -35,7 +35,7 @@ const BackgroundCard = (props: BackgroundCardProps) => {
     const theme = useTheme();
     const hasBackgroundColor = backgroundColor || cardTheme !== 'default';
     const borderType = hasBackgroundColor ? 'none' : border;
-    const areControlsInFooter = controlPosition === 'footer';
+    const areControlsInFooter = !paddingBottom && controlPosition === 'footer';
 
     return (
         <CardBase
diff --git a/src/sub-blocks/BackgroundCard/__stories__/BackgroundCard.stories.tsx b/src/sub-blocks/BackgroundCard/__stories__/BackgroundCard.stories.tsx
index a9a0fd94d..bfd32e0e3 100644
--- a/src/sub-blocks/BackgroundCard/__stories__/BackgroundCard.stories.tsx
+++ b/src/sub-blocks/BackgroundCard/__stories__/BackgroundCard.stories.tsx
@@ -119,7 +119,11 @@ const ControlPositionTemplate: StoryFn<BackgroundCardProps> = (args) => (
                 </CardLayout>
             </BlockBase>
             <BlockBase>
-                <CardLayout title="With controlPosition = footer" animated={false}>
+                <CardLayout
+                    title="With controlPosition = footer"
+                    description="Please note that the controlPosition prop manages the position of buttons and links only when paddingBottom = default."
+                    animated={false}
+                >
                     {data.cardLayout.items.map((item, index) => (
                         <BackgroundCard
                             key={index}