diff --git a/app/assets/stylesheets/course/announcements.css.scss b/app/assets/stylesheets/course/announcements.css.scss
index 4e06a801092..0be51bce5ef 100644
--- a/app/assets/stylesheets/course/announcements.css.scss
+++ b/app/assets/stylesheets/course/announcements.css.scss
@@ -1,3 +1,24 @@
 // Place all the styles related to the course/announcements controller here.
 // They will automatically be included in application.css.
 // You can use Sass (SCSS) here: http://sass-lang.com/
+.course-announcements {
+  &.index {
+    .announcement {
+      padding-left: 8px;
+
+      .timestamp {
+        color: #999;
+      }
+
+      .content {
+        margin-top: 10px;
+      }
+
+      &.future {
+        background-color: #eee;
+        opacity: 0.9;
+        padding: 10px;
+      }
+    }
+  }
+}