diff --git a/src/pages/academy/_recent-featured-posts.js b/src/pages/academy/_recent-featured-posts.js
index f26e281b2aa..4f78f06d543 100644
--- a/src/pages/academy/_recent-featured-posts.js
+++ b/src/pages/academy/_recent-featured-posts.js
@@ -66,7 +66,7 @@ const RecentFeaturedPosts = ({ recent_data, featured_data }) => {
                                 <MainArticle image={getAssetUrl(headline_recent?.main_image?.id)}>
                                     <Description>
                                         <TagParentWrapper>
-                                            {headline_recent.tags.map((article) => {
+                                            {headline_recent.tags.slice(0, 3).map((article) => {
                                                 return (
                                                     <TagWrapper key={article?.id}>
                                                         <StyledCategories>
@@ -149,15 +149,17 @@ const RecentFeaturedPosts = ({ recent_data, featured_data }) => {
                                     >
                                         <Description>
                                             <TagParentWrapper>
-                                                {headline_featured.tags.map((article) => {
-                                                    return (
-                                                        <TagWrapper key={article.id}>
-                                                            <StyledCategories>
-                                                                {article.tags_id?.tag_name}
-                                                            </StyledCategories>
-                                                        </TagWrapper>
-                                                    )
-                                                })}
+                                                {headline_featured.tags
+                                                    .slice(0, 3)
+                                                    .map((article) => {
+                                                        return (
+                                                            <TagWrapper key={article.id}>
+                                                                <StyledCategories>
+                                                                    {article.tags_id?.tag_name}
+                                                                </StyledCategories>
+                                                            </TagWrapper>
+                                                        )
+                                                    })}
                                             </TagParentWrapper>
                                             <Header as="h3" type="heading-3" color="white" mb="5px">
                                                 {headline_featured.blog_title}
diff --git a/src/pages/academy/components/recent-featured-posts/_style.js b/src/pages/academy/components/recent-featured-posts/_style.js
index 6296aad0563..ee2cf16f683 100644
--- a/src/pages/academy/components/recent-featured-posts/_style.js
+++ b/src/pages/academy/components/recent-featured-posts/_style.js
@@ -16,6 +16,10 @@ export const StyledContainer = styled(Flex)`
     @media ${device.laptopM} {
         max-width: 58.8rem;
     }
+
+    @media ${device.mobileL} {
+        width: 100%;
+    }
 `
 
 export const StyledTabs = styled(Tabs)`
@@ -26,10 +30,16 @@ export const ArticleContentWrapper = styled(Container)`
     margin-top: 24px;
     color: var(--color-white);
     width: 100%;
+
     @media ${device.laptopM} {
         flex-direction: column;
         width: 100%;
     }
+
+    @media ${device.mobileL} {
+        margin: 24px auto 0;
+        padding: 0 16px 0 18px;
+    }
 `
 
 export const LeftContent = styled(Flex)`
@@ -291,6 +301,11 @@ export const AllArticleButton = styled(LinkButton)`
     @media ${device.laptopM} {
         width: 100%;
     }
+
+    @media ${device.mobileL} {
+        width: 90%;
+        margin-top: 24px;
+    }
 `
 
 export const RedirectLink = styled(LocalizedLink)`