diff --git a/packages/website/src/templates/news-post.js b/packages/website/src/templates/news-post.js
index 28b9e1f7..ef9671b4 100644
--- a/packages/website/src/templates/news-post.js
+++ b/packages/website/src/templates/news-post.js
@@ -22,7 +22,7 @@ const BlogPostTemplate = ({ data, location }) => {
             {post.frontmatter.title}
           </SectionTitle>
 
-          <div className="grid grid-cols-3 gap-8">
+          <div className="grid grid-cols-1 desktop:grid-cols-3 gap-y-8 desktop:gap-x-8">
             <aside className="space-y-5">
               <NewsSummary
                 avatar={post.frontmatter.avatar}