diff --git a/app/assets/stylesheets/notifications.scss b/app/assets/stylesheets/notifications.scss
new file mode 100644
index 00000000..74b5db42
--- /dev/null
+++ b/app/assets/stylesheets/notifications.scss
@@ -0,0 +1,5 @@
+.controller-notifications {
+  ul.notifications {
+    list-style: none;
+  }
+}
diff --git a/app/views/notifications/index.html.erb b/app/views/notifications/index.html.erb
index a1f5f832..65cb52b2 100644
--- a/app/views/notifications/index.html.erb
+++ b/app/views/notifications/index.html.erb
@@ -4,15 +4,17 @@
 <div id="yield">
   <div class="centerContent">
     <h4>Notifications</h4>
-    <ul>
+    <ul class="notifications">
       <% @notifications.each do |notification| %>
         <% receipt = @receipts.find_by(notification_id: notification.id) %>
-        <li>
-          <strong>
+        <li class="notification" id="notification-<%= notification.id %>">
+          <strong class="notification-subject">
             <%= link_to notification.subject, notification_path(notification.id) %>
           </strong>
-          <%= notification.body.truncate(140) %>
-          <span id="notification-<%= notification.id %>" class="read-unread">
+          <span class="notification-body">
+            <%= notification.body.truncate(140) %>
+          </span>
+          <span class="notification-read-unread">
             <% if receipt.is_read? %>
               <%= link_to '(read)', mark_unread_notification_path(notification.id), remote: true, method: :put %>
             <% else %>
diff --git a/app/views/notifications/mark_read.js.erb b/app/views/notifications/mark_read.js.erb
index 63b2965e..2083516e 100644
--- a/app/views/notifications/mark_read.js.erb
+++ b/app/views/notifications/mark_read.js.erb
@@ -1,3 +1,3 @@
-$('#notification-<%= @notification.id %> > a')
+$('#notification-<%= @notification.id %> .notification-read-unread > a')
   .text('(read)')
   .attr('href', '<%= mark_unread_notification_path(@notification.id) %>')
diff --git a/app/views/notifications/mark_unread.js.erb b/app/views/notifications/mark_unread.js.erb
index 12fa138b..ca8267b9 100644
--- a/app/views/notifications/mark_unread.js.erb
+++ b/app/views/notifications/mark_unread.js.erb
@@ -1,3 +1,3 @@
-$('#notification-<%= @notification.id %> > a')
+$('#notification-<%= @notification.id %> .notification-read-unread > a')
   .text('(unread)')
   .attr('href', '<%= mark_read_notification_path(@notification.id) %>')