diff --git a/client/src/pages/Article.tsx b/client/src/pages/Article.tsx
index 0fd7d2a..f817e7e 100644
--- a/client/src/pages/Article.tsx
+++ b/client/src/pages/Article.tsx
@@ -182,8 +182,8 @@ export default function Article() {
       <main className="max-w-7xl mx-auto px-6 py-12">
         {/* Article Content */}
         <article className="mb-16 max-w-4xl mx-auto">
-          <header className="mb-10">
-            <h1 className="text-4xl font-bold mb-6 text-gray-900 leading-tight" data-testid="text-article-title">{article.title}</h1>
+          <header className="mb-8">
+            <h1 className="text-4xl font-bold mb-4 text-gray-900 leading-tight" data-testid="text-article-title">{article.title}</h1>
             {article.excerpt && (
               <p className="text-lg text-gray-600 mb-0 leading-relaxed" data-testid="text-article-excerpt">
                 {article.excerpt}
@@ -192,7 +192,7 @@ export default function Article() {
           </header>
 
           <div 
-            className="text-base text-gray-800 -mt-8"
+            className="text-base text-gray-800"
             data-testid="text-article-content"
           >
             {parseArticleContent(article.content).map((part, index) => {
@@ -200,14 +200,14 @@ export default function Article() {
                 return (
                   <h3 
                     key={index} 
-                    className="text-lg font-bold mt-8 mb-3 text-gray-900"
+                    className="text-lg font-bold mt-10 mb-4 text-gray-900"
                   >
                     {part.content.trim()}
                   </h3>
                 );
               }
               return (
-                <p key={index} className="mb-3 whitespace-pre-wrap leading-loose">
+                <p key={index} className="mb-4 whitespace-pre-wrap leading-loose">
                   {part.content.trim()}
                 </p>
               );