diff --git a/website/layouts/news/list.html b/website/layouts/news/list.html
index ece0b5c8b6bc58a9372acf1a983ad2e26cdab240..82433ae4a5f4cb5febf9ee2020e0a68295b971aa 100644
--- a/website/layouts/news/list.html
+++ b/website/layouts/news/list.html
@@ -2,11 +2,13 @@
 <section class="page">
     <h1 style="text-align: center;">News & Announcements</h1>
     {{ range .Pages}}
-    <h3><a class="link" href="{{.Permalink}}">{{.Title}}</a></h3>
-    <div class="list-item">
-        <small class="label-dark">{{ .PublishDate.Format "January 2, 2006" }}</small>
+    <div class="news-item">
+        <h3><a class="link" href="{{.Permalink}}">{{.Title}}</a></h3>
+        <div class="list-item">
+            <small class="label-dark">{{ .PublishDate.Format "January 2, 2006" }}</small>
+        </div>
+        <p>{{ .Summary }}</p>
     </div>
-    <p>{{ .Summary }}</p>
     {{end}}
 </section>
 {{end}}
diff --git a/website/static/css/style.css b/website/static/css/style.css
index b72463a5d1c220b3c717313132320eaf1ef6f0c4..ad096ee31be8f66553b643e8f72358f5bc2d534f 100644
--- a/website/static/css/style.css
+++ b/website/static/css/style.css
@@ -106,7 +106,9 @@ nav{
 .content p{
     text-align: justify;
 }
-
+.news-item{
+    margin-bottom: 24px;
+}
 @media screen and (max-width:1100px) {
     .show-menu-btn,.hide-menu-btn{
         display: block;