diff --git a/apps/course/src/app/features/home/homepage/markdown-renderer/about/homepage-about.component.html b/apps/course/src/app/features/home/homepage/markdown-renderer/about/homepage-about.component.html
index 29e1cf3..85e7440 100644
--- a/apps/course/src/app/features/home/homepage/markdown-renderer/about/homepage-about.component.html
+++ b/apps/course/src/app/features/home/homepage/markdown-renderer/about/homepage-about.component.html
@@ -1,5 +1,5 @@
 <div
-  class="mt-4 lg:mt-0 lg:pl-3 text-left lg:border-l-2 border-l-0 lg:pb-60 lg:flex lg:flex-col lg:flex-grow border-b-2 lg:border-b-0 pb-5"
+  class="mt-4 lg:mt-0 lg:pt-5 lg:pl-3 text-left lg:border-l-2 border-l-0 lg:pb-60 lg:flex lg:flex-col lg:flex-grow border-b-2 lg:border-b-0 pb-5"
 >
   <h2 class="font-bold text-xl">About</h2>
   <p aria-label="Description" class="font-normal">
@@ -13,7 +13,7 @@ <h2 class="font-bold text-xl">About</h2>
         target="_blank"
         class="badge badge-ghost badge-md my-1 truncate whitespace-normal min-w-max hover:opacity-75 hover:cursor-pointer hover:scale-95 transition ease-in-out duration-100"
         style="max-width: calc(100% - 0.5rem)"
-        >{{ tag }}</a
+      >{{ tag }}</a
       >
     }
   </div>
diff --git a/apps/course/src/app/features/home/homepage/markdown-renderer/homepage-markdown-renderer.component.scss b/apps/course/src/app/features/home/homepage/markdown-renderer/homepage-markdown-renderer.component.scss
index 2cd5148..eff3fa3 100644
--- a/apps/course/src/app/features/home/homepage/markdown-renderer/homepage-markdown-renderer.component.scss
+++ b/apps/course/src/app/features/home/homepage/markdown-renderer/homepage-markdown-renderer.component.scss
@@ -1,3 +1,5 @@
-.markdown-content p {
-  margin-top: 0;
+@media (min-width: 1024px) {
+  .markdown-content p {
+    margin-top: 0;
+  }
 }