diff --git a/_layouts/announcement.html b/_layouts/announcement.html
index bb998c3f64cffbdcf16a2dd903e9dce0543b6515..db072ab66eee99d51b6bf8aaa4904f28289247c5 100644
--- a/_layouts/announcement.html
+++ b/_layouts/announcement.html
@@ -1,7 +1,6 @@
 <div class="announcement">
   <div class="announcement-body">
-    <div class="announcement-header">{{ page.date | date: '%b %e' }}</div>
-    <h2>{{ page.title }}</h2>
+    <h2>{{ page.title }} <strong class="announcement-meta">{{ page.date | date: '%b %e' }}</strong></h2>
     {{ content }}
   </div>
 </div>
diff --git a/_sass/custom/announcement.scss b/_sass/custom/announcement.scss
index 64f0dfdbf37a6df387766e3abfb29dd9fd7e599d..4c3aeeca45a67e9433f9159aba159c91525f8132 100644
--- a/_sass/custom/announcement.scss
+++ b/_sass/custom/announcement.scss
@@ -2,10 +2,15 @@
   @extend .card;
 }
 
-.announcement-header {
-  margin: $sp-1 0 $sp-3;
-}
-
 .announcement-body {
   @extend .card-body;
+
+  h1, h2, h3, h4, h5, h6 {
+    display: flex;
+    align-items: center;
+  }
+}
+
+.announcement-meta {
+  @extend .card-meta, .text-grey-dk-100, .bg-grey-lt-200;
 }