diff --git a/assets/scss/index.scss b/assets/scss/index.scss
index c988009..65615b1 100644
--- a/assets/scss/index.scss
+++ b/assets/scss/index.scss
@@ -419,7 +419,7 @@ button {
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     max-width: 350px;
     height: 400px;
-    margin: auto;
+    margin: 1rem auto;
     justify-content: center;
 }
 
diff --git a/layouts/_default/term.html b/layouts/_default/term.html
index 9339310..20b37b0 100644
--- a/layouts/_default/term.html
+++ b/layouts/_default/term.html
@@ -18,7 +18,7 @@
             <img class="cardImage" src="{{ .Site.Params.defaultimage }}" alt="Default Image" />
           {{ end }}
           <div class="cardTitle">{{.Title}}</div>
-          <div class="cardDescription">{{ .Content | safeHTML | truncate 250 }}</div>
+          <div class="cardDescription">{{ .Summary | safeHTML | truncate 320 }}</div>
           <div class="cardDetail">{{.Date.Format "02.01.2006"}} | {{.ReadingTime}} Minuten</div>
         </div>
       </a>
diff --git a/layouts/partials/posts.html b/layouts/partials/posts.html
index fc230ac..f382cbc 100644
--- a/layouts/partials/posts.html
+++ b/layouts/partials/posts.html
@@ -25,7 +25,7 @@
                                 <img class="cardImage" src="{{ $defaultimage }}" alt="Defaul Image" />
                             {{ end }}
                             <div class="cardTitle">{{.Title}}</div>
-                            <div class="cardDescription">{{ .Content | safeHTML | truncate 250 }}</div>
+                            <div class="cardDescription">{{ .Summary | safeHTML | truncate 320 }}</div>
                             <div class="cardDetail">{{.Date.Format "02.01.2006"}} | {{.ReadingTime}} Minuten</div>
                         </div>
                     </a>
diff --git a/layouts/posts/list.html b/layouts/posts/list.html
index f9a1583..9dfd199 100644
--- a/layouts/posts/list.html
+++ b/layouts/posts/list.html
@@ -20,7 +20,7 @@
                         <img class="cardImage" src="{{ .Site.Params.defaultimage }}" alt="Default Image" />
                     {{ end }}
                     <div class="cardTitle">{{.Title}}</div>
-                    <div class="cardDescription">{{ .Content | safeHTML | truncate 250 }}</div>
+                    <div class="cardDescription">{{ .Summary | safeHTML | truncate 320 }}</div>
                     <div class="cardDetail">{{.Date.Format "02.01.2006"}} | {{.ReadingTime}} Minuten</div>
                 </div>
             </a>