diff --git a/Components/BlogInner.js b/Components/BlogInner.js
index 4565e7b..68bed06 100644
--- a/Components/BlogInner.js
+++ b/Components/BlogInner.js
@@ -32,7 +32,7 @@ function BlogInner({ data, content, headings }) {
               <BsThreeDots />
             </p>
 
-            <article className="prose max-w-sm text-sm md:max-w-prose lg:prose-lg py-7 dark:prose-dark ">
+            <article className="prose max-w-xs sm:max-w-sm md:max-w-prose lg:prose-lg py-7 dark:prose-dark ">
               <MDXRemote {...content} />
             </article>