diff --git a/src/pages/academy/blog/_first-article.js b/src/pages/academy/blog/_first-article.js
index cb99e1d6268..a8dd669950f 100644
--- a/src/pages/academy/blog/_first-article.js
+++ b/src/pages/academy/blog/_first-article.js
@@ -60,7 +60,7 @@ const FirstArticle = ({ item }) => {
     return (
         <RedirectLink to={`/academy/blog/posts/${item.slug}/`}>
             <StyledFlex jc="flex-start" mt="96px">
-                <StandardImgWrapper width="592px" br="6px">
+                <StandardImgWrapper width="592px" br="6px 0 0 6px" tabletL_br="6px 6px 0 0">
                     <QueryImage
                         data={getImage(item.main_image.imageFile)}
                         alt={item.main_image.description || ''}
diff --git a/src/pages/academy/blog/posts/_style.js b/src/pages/academy/blog/posts/_style.js
index db807db028a..626bdc07cfa 100644
--- a/src/pages/academy/blog/posts/_style.js
+++ b/src/pages/academy/blog/posts/_style.js
@@ -14,7 +14,7 @@ export const Background = styled.div`
 `
 export const HeroContainer = styled(Container)`
     height: auto;
-    min-height: 566px;
+    min-height: 525px;
     padding: 76px 0 40px;
     align-items: flex-start;
 
@@ -371,15 +371,16 @@ export const RightSocialComponents = styled.div`
     width: auto;
 `
 export const DesktopWrapper = styled(Flex)`
-    @media ${device.tabletS} {
+    @media ${device.laptop} {
         display: none;
     }
 `
 export const MobileWrapper = styled.div`
     display: none;
 
-    @media ${device.tabletS} {
+    @media ${device.laptop} {
         display: flex;
+        justify-content: center;
         width: 100%;
     }
 `
diff --git a/src/pages/academy/components/_markets-news.js b/src/pages/academy/components/_markets-news.js
index 0b6ea592de6..da45ee112b3 100644
--- a/src/pages/academy/components/_markets-news.js
+++ b/src/pages/academy/components/_markets-news.js
@@ -23,7 +23,7 @@ const MarketsNewsWrapper = styled.div`
     @media ${device.tablet} {
         grid-template-columns: auto;
         margin: 0 auto;
-        max-height: auto;
+        max-height: unset;
         padding: 0;
     }
 `
diff --git a/src/pages/academy/components/_side-subscription-banner.js b/src/pages/academy/components/_side-subscription-banner.js
index ba83597677b..6df4b0e9097 100644
--- a/src/pages/academy/components/_side-subscription-banner.js
+++ b/src/pages/academy/components/_side-subscription-banner.js
@@ -18,7 +18,7 @@ const SubscribeBannerWrapper = styled(Flex)`
     background: var(--color-grey-42);
     border-radius: 8px;
     margin: 40px 0;
-    @media ${device.tabletL} {
+    @media ${device.laptop} {
         max-width: 328px;
         padding: 32px 18.5px;
     }
diff --git a/src/templates/article.js b/src/templates/article.js
index 030ee2eb473..bbfa9eda28d 100644
--- a/src/templates/article.js
+++ b/src/templates/article.js
@@ -271,11 +271,11 @@ const ArticlesTemplate = (props) => {
                                     </SocialComponentsWrapper>
 
                                     {side_banner_data_details && (
-                                        <Show.Mobile>
+                                        <MobileWrapper>
                                             <Flex mt="24px">
                                                 <Banner detailsObj={side_banner_data_details} />
                                             </Flex>
-                                        </Show.Mobile>
+                                        </MobileWrapper>
                                     )}
                                     <MobileWrapper>
                                         <ArticleEmailBanner />