diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 90386f93..0dba83a0 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -2137,6 +2137,9 @@ body.zen-mode-enable {
   .text-right {
     text-align: right;
   }
+  .text-start {
+    text-align: start;
+  }
   .-indent-\[999px\] {
     text-indent: calc(999px * -1);
   }
diff --git a/layouts/partials/article-link/_shortcode.html b/layouts/partials/article-link/_shortcode.html
index c9eee3e9..2d11ca81 100644
--- a/layouts/partials/article-link/_shortcode.html
+++ b/layouts/partials/article-link/_shortcode.html
@@ -71,7 +71,7 @@
 
 
   <div class="{{ $articleInnerClasses }}">
-    <div class="items-center text-left text-xl font-semibold">
+    <div class="items-center text-start text-xl font-semibold">
       {{ with $target.Params.externalUrl }}
         <div>
           <div
diff --git a/layouts/partials/article-link/simple.html b/layouts/partials/article-link/simple.html
index 8e88b9d3..07914ddc 100644
--- a/layouts/partials/article-link/simple.html
+++ b/layouts/partials/article-link/simple.html
@@ -68,7 +68,7 @@
 
 
   <div class="{{ $articleInnerClasses }}">
-    <div class="items-center text-left text-xl font-semibold">
+    <div class="items-center text-start text-xl font-semibold">
       {{ with .Params.externalUrl }}
         <div
           class="group-hover-card-title decoration-primary-500 dark:text-neutral text-xl font-bold text-neutral-800 group-hover:underline group-hover:underline-offset-2">