diff --git a/styles/globals.css b/styles/globals.css
index cd9aab7b..aca04ffd 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -151,8 +151,8 @@ nav {
 
 .glassmorphism{
   background: hsla(0, 0%, 100%, .75);
-  -webkit-backdrop-filter: blur(10px);    
-  backdrop-filter: blur(10px);   
+  -webkit-backdrop-filter: blur(10px);
+  backdrop-filter: blur(10px);
 }
 
 .dark .glassmorphism{
@@ -184,7 +184,6 @@ nav {
   padding-top: 160px;
   bottom: -1px;
   margin-top: -200px;
-  text-align: center;
   width: 100%;
   background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%);
   padding-bottom: 34px;
@@ -192,4 +191,4 @@ nav {
 
 .shadow-text{
   text-shadow: 0.1em 0.1em 0.2em black;
-}
\ No newline at end of file
+}
diff --git a/themes/NEXT/components/BlogPostCard.js b/themes/NEXT/components/BlogPostCard.js
index e4db02ec..1f00a6ca 100644
--- a/themes/NEXT/components/BlogPostCard.js
+++ b/themes/NEXT/components/BlogPostCard.js
@@ -59,9 +59,9 @@ const BlogPostCard = ({ post, showSummary }) => {
           />
         </div> }
 
-        <div className='article-cover pointer-events-none'>
-          <Link href={`${BLOG.PATH}/article/${post.slug}`} passHref>
-              <a className='hover:bg-opacity-100 hover:scale-105 pointer-events-auto transform duration-300 rounded-md p-2 text-red-500 cursor-pointer'>
+        <div className='article-cover pointer-events-none text-right'>
+          <Link href={`${BLOG.PATH}/article/${post.slug}`}>
+              <a className='hover:bg-opacity-100 hover:scale-105 hover:underline pointer-events-auto transform duration-300 p-3 text-white bg-gray-800 cursor-pointer'>
                 {locale.COMMON.ARTICLE_DETAIL}
                 <FontAwesomeIcon className='ml-1' icon={faAngleRight} /></a>
           </Link>