diff --git a/_layouts/announcement.html b/_layouts/announcement.html
index 00fd50b9f334ee4675c3f7b63eed7e220574c9bb..b4546772b63ad47988f6d69c29bf2622d062bfa8 100644
--- a/_layouts/announcement.html
+++ b/_layouts/announcement.html
@@ -1,11 +1,9 @@
 <div class="announcement">
-  <h2 class="announcement-header">
+  <h2>
     {% if page.date %}
-    <strong class="announcement-meta">{{ page.date | date: '%b %e' }}</strong>
+    <strong class="label label-purple">{{ page.date | date: '%b %e' }}</strong>
     {% endif %}
     {{ page.title }}
   </h2>
-  <div class="announcement-body">
-    {{ content }}
-  </div>
+  {{ content }}
 </div>
diff --git a/_sass/custom/announcement.scss b/_sass/custom/announcement.scss
index 69fa57860f54e56f99391be30bb2e683c8a8ec15..792c9d3965fbd13652ae805fc24a40f97f584b03 100644
--- a/_sass/custom/announcement.scss
+++ b/_sass/custom/announcement.scss
@@ -1,14 +1,12 @@
 .announcement {
   @extend %card;
-}
-
-.announcement-header {
-  @extend .text-gamma;
-}
 
-.announcement-body {
-}
+  h1, h2 {
+    @extend .text-gamma;
+  }
 
-.announcement-meta {
-  @extend %card-meta, .text-grey-dk-100, .bg-grey-lt-200;
+  .label {
+    @extend %card-meta;
+    margin-left: 0;
+  }
 }
diff --git a/_sass/custom/card.scss b/_sass/custom/card.scss
index f20c3bf568a2c1238af288eccd8bfdc5d52aa65f..0f6edf5b9fb2f86f1357a47a7a7b501ec7e8cc91 100644
--- a/_sass/custom/card.scss
+++ b/_sass/custom/card.scss
@@ -17,10 +17,6 @@
   position: relative;
   word-wrap: break-word;
 
-  @include mq(lg) {
-    flex: 1 0 0%;
-  }
-
   >:first-child {
     border-top: none !important;
   }
@@ -28,6 +24,11 @@
   >:last-child {
     border-bottom: none !important;
   }
+
+  p {
+    margin-top: 0;
+    margin-bottom: 0.5em;
+  }
 }
 
 %card-meta {