diff --git a/src/layouts/BlogPostLayout.astro b/src/layouts/BlogPostLayout.astro
index 8836b6f..fac6ddd 100644
--- a/src/layouts/BlogPostLayout.astro
+++ b/src/layouts/BlogPostLayout.astro
@@ -55,21 +55,21 @@ const finalReadingTime = readTime ? parseInt(readTime.replace(/\D/g, '')) : unde
           
             <!-- Blog post header -->
             <header class="mb-10">
-              <a 
+              <a
                 href={blogListUrl}
-                class="inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-primary transition-colors duration-200 mb-6 group"
+                class="inline-flex items-center gap-2 text-foreground hover:text-primary transition-colors duration-200 mb-6 group"
               >
-                <svg 
-                  width="16" 
-                  height="16" 
-                  viewBox="0 0 15 15" 
-                  fill="none" 
+                <svg
+                  width="16"
+                  height="16"
+                  viewBox="0 0 15 15"
+                  fill="none"
                   xmlns="http://www.w3.org/2000/svg"
                   class="group-hover:-translate-x-1 transition-transform duration-200"
                 >
                   <path d="M6.85355 3.85355C7.04882 3.65829 7.04882 3.34171 6.85355 3.14645C6.65829 2.95118 6.34171 2.95118 6.14645 3.14645L2.14645 7.14645C1.95118 7.34171 1.95118 7.65829 2.14645 7.85355L6.14645 11.8536C6.34171 12.0488 6.65829 12.0488 6.85355 11.8536C7.04882 11.6583 7.04882 11.3417 6.85355 11.1464L3.20711 7.5L6.85355 3.85355Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path>
                 </svg>
-                {t('blog.backToList')}
+                <span class="font-medium">{t('blog.backToList')}</span>
               </a>
               
               <PostMeta