diff --git a/generator/_assets/styles/less/article.less b/generator/_assets/styles/less/article.less
index 456e69c1b..2db083c79 100755
--- a/generator/_assets/styles/less/article.less
+++ b/generator/_assets/styles/less/article.less
@@ -110,10 +110,16 @@ article {
 
     .article_title {
       display: flex;
-      align-items: center;
+      align-items: flex-start;
+      word-wrap: break-word;
+      grid-gap: 12px;
 
       h1 {
         flex-grow: 1;
+        max-width: calc(100% - 110px);
+        @media @phone-down {
+          max-width: 100%;
+        }
       }
 
       @media @phone-down {