diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 44ba42ba..1c72b68c 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1510,8 +1510,16 @@ select {
   margin-top: 1.25rem;
 }
 
-.mt-4 {
-  margin-top: 1rem;
+.mt-2\.5 {
+  margin-top: 0.625rem;
+}
+
+.mb-6 {
+  margin-bottom: 1.5rem;
+}
+
+.mt-2 {
+  margin-top: 0.5rem;
 }
 
 .mt-3 {
@@ -1534,6 +1542,10 @@ select {
   margin-top: 0.1rem;
 }
 
+.mt-4 {
+  margin-top: 1rem;
+}
+
 .\!mt-0 {
   margin-top: 0px !important;
 }
@@ -3696,7 +3708,7 @@ body:has(#menu-controller:checked) {
 }
 
 @media (min-width: 1280px) {
-  .xl\:w-1\/5 {
-    width: 20%;
+  .xl\:w-1\/4 {
+    width: 25%;
   }
 }
\ No newline at end of file
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 151b71d5..a87ae88a 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -8,7 +8,7 @@
     <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
       {{ .Title | emojify }}
     </h1>
-    <div class="mt-4 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
+    <div class="mt-2.5 mb-6 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
       {{ partial "article-meta.html" (dict "context" . "scope" "single") }}
     </div>
   </header>
diff --git a/layouts/partials/meta/likes_button.html b/layouts/partials/meta/likes_button.html
index 4d768c76..43ac61f1 100644
--- a/layouts/partials/meta/likes_button.html
+++ b/layouts/partials/meta/likes_button.html
@@ -1,6 +1,6 @@
 <span>
     <button id="likes_button"
-        style="height: 28px; padding-top: 2px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px"
+        style="height: 26px; padding-top: 0px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px"
         class="!rounded-md bg-primary-600 px-4 py-2 !text-neutral !no-underline hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
         onclick="process_article()">
         <span id="likes_button_heart" style="display:none">{{ partial "icon.html" "heart" }} </span>