diff --git a/src/pages/partners/affiliate-ib/_deriv-affiliate-programme.js b/src/pages/partners/affiliate-ib/_deriv-affiliate-programme.js
index b07050a9c1d..3b85a5a3d0b 100644
--- a/src/pages/partners/affiliate-ib/_deriv-affiliate-programme.js
+++ b/src/pages/partners/affiliate-ib/_deriv-affiliate-programme.js
@@ -145,6 +145,15 @@ const StyledHeaderCommission = styled(StyledHeader)`
         font-size: 20px;
         text-align: left;
         margin: auto;
+        width: 42rem;
+    }
+
+    @media ${device.mobileL} {
+        width: 41rem;
+    }
+
+    @media ${device.mobileM} {
+        width: 38rem;
     }
 `
 
@@ -292,7 +301,7 @@ const DerivAffiliateProgramme = () => {
                                 </ApplyNow>
                             </div>
                         </StyledCard>
-                        <StyledCard height="52.9rem" tabletHeight="336px">
+                        <StyledCard height="52.9rem">
                             <div>
                                 <CardHeader as="h4" type="sub-section-title" mb="0.8rem">
                                     {localize('CPA (EU only)')}
diff --git a/src/pages/partners/affiliate-ib/_deriv-ib-programme.js b/src/pages/partners/affiliate-ib/_deriv-ib-programme.js
index 4daaa898e58..f10e93db3ee 100644
--- a/src/pages/partners/affiliate-ib/_deriv-ib-programme.js
+++ b/src/pages/partners/affiliate-ib/_deriv-ib-programme.js
@@ -131,8 +131,10 @@ const ButtonWrapper = styled.div`
 
 const StyledHeaderCommission = styled(StyledHeader)`
     margin-bottom: 0;
+    margin-left: -85px;
     font-size: 16px;
     @media (max-width: 1428px) {
+        margin-left: 0;
         text-align: center;
     }
 
@@ -140,11 +142,21 @@ const StyledHeaderCommission = styled(StyledHeader)`
         font-size: 20px;
         text-align: left;
         margin: auto;
+        width: 44rem;
+    }
+
+    @media ${device.mobileL} {
+        width: 40rem;
+    }
+
+    @media ${device.mobileM} {
+        width: 38rem;
     }
 `
 
 const StyledCard = styled(Card)`
     border-radius: 8px;
+    min-width: 44rem;
 
     :nth-child(2) {
         margin: 1.6rem 2.4rem 0;
@@ -269,6 +281,11 @@ const StyledLinkButton = styled(LinkButton)`
         padding: 1.5rem 1.6rem;
         height: 40px;
         white-space: nowrap;
+        font-size: 12px;
+    }
+
+    @media ${device.mobileL} {
+        font-size: 10px;
     }
 `
 const DMT5Synthetic = ({ data }) => {
@@ -285,10 +302,10 @@ const DMT5Synthetic = ({ data }) => {
     }
     return (
         <StyledCard
-            height={is_expand && !is_calculated ? '75rem' : '43rem'}
+            height={is_expand && !is_calculated ? '75rem' : '49rem'}
             padding="3.2rem 3.2rem 8.2rem"
-            mobileHeight={is_expand && !is_calculated ? '78rem' : '43rem'}
-            width="43rem"
+            mobileHeight={is_expand && !is_calculated ? '78rem' : '49rem'}
+            width="44rem"
         >
             <div>
                 {!is_calculated ? (
@@ -378,7 +395,7 @@ const DMT5Standard = ({ data }) => {
         setCalculated(!is_calculated)
     }
     return (
-        <StyledCard padding="3.2rem 3.2rem 8.2rem" width="43rem" height="43rem">
+        <StyledCard padding="3.2rem 3.2rem 8.2rem" width="44rem" height="49rem">
             <div>
                 {!is_calculated ? (
                     <div>
@@ -465,7 +482,7 @@ const DMT5Advanced = ({ data }) => {
         setCalculated(!is_calculated)
     }
     return (
-        <StyledCard padding="3.2rem 3.2rem 8.2rem" width="43rem" height="43rem">
+        <StyledCard padding="3.2rem 3.2rem 8.2rem" width="44rem" height="49rem">
             <div>
                 {!is_calculated ? (
                     <div>
diff --git a/src/pages/partners/affiliate-ib/index.js b/src/pages/partners/affiliate-ib/index.js
index 94b19742a52..dae30eb562c 100644
--- a/src/pages/partners/affiliate-ib/index.js
+++ b/src/pages/partners/affiliate-ib/index.js
@@ -36,11 +36,14 @@ const StyledLinkButton = styled(LinkButton)`
     border-radius: 4px;
     @media ${device.tabletS} {
         font-size: 14px;
-        width: 230px;
         height: 40px;
         padding: 1.2rem 1rem;
         white-space: nowrap;
     }
+
+    @media ${device.mobileL} {
+        font-size: 10px;
+    }
 `
 
 const StyledSectionContainer = styled(SectionContainer)`