diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index d7532c62..817ee1e9 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -2766,6 +2766,11 @@ body.zen-mode-enable {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
   }
+  .md\:flex-nowrap {
+    @media (width >= 853px) {
+      flex-wrap: nowrap;
+    }
+  }
   .md\:justify-start {
     @media (width >= 853px) {
       justify-content: flex-start;
diff --git a/layouts/partials/article-link/simple.html b/layouts/partials/article-link/simple.html
index 5a303622..5299d663 100644
--- a/layouts/partials/article-link/simple.html
+++ b/layouts/partials/article-link/simple.html
@@ -1,6 +1,6 @@
 {{ $constrainItemsWidth := .Page.Site.Params.list.constrainItemsWidth | default false }}
 
-{{ $articleClasses := "flex flex-wrap article" }}
+{{ $articleClasses := "flex flex-wrap md:flex-nowrap article" }}
 {{ if .Site.Params.list.showCards }}
 {{ $articleClasses = delimit (slice $articleClasses "border border-neutral-200 dark:border-neutral-700 border-2 rounded-md overflow-hidden") " " }}
 {{ else }}