diff --git a/styles/breakpoints/_blog-breakpoints.scss b/styles/breakpoints/_blog-breakpoints.scss
index 062004b..2053ccf 100644
--- a/styles/breakpoints/_blog-breakpoints.scss
+++ b/styles/breakpoints/_blog-breakpoints.scss
@@ -206,12 +206,12 @@
             flex-direction: column;
         }
         .single{
-            margin-bottom: 20px;
+            margin-top: 12%;
             .inner-blog{
                 flex-direction: column;
                 .blog-content{
-                    margin:0;
-                    height: 35%
+                    margin: 0;
+                    height: 32%
                 }
             }
         }
diff --git a/styles/pages/blog.css b/styles/pages/blog.css
index 35d8fd6..82fe6f5 100644
--- a/styles/pages/blog.css
+++ b/styles/pages/blog.css
@@ -198,14 +198,14 @@ body, form, fieldset, ol, ul, li, h1, h2, h3, h4, h5, h6, p {
     flex-direction: column;
   }
   body .single {
-    margin-bottom: 20px;
+    margin-top: 12%;
   }
   body .single .inner-blog {
     flex-direction: column;
   }
   body .single .inner-blog .blog-content {
     margin: 0;
-    height: 35%;
+    height: 32%;
   }
 }
 #navbar {