diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss
index 1257e751..4454d6b6 100644
--- a/src/components/notifications/notifications.scss
+++ b/src/components/notifications/notifications.scss
@@ -1,3 +1,4 @@
+@import '../../_variables.scss';
.notification {
padding: 0.5em;
padding-left: 1em;
@@ -5,6 +6,15 @@
border-bottom: 1px solid silver;
.text {
+
+ .icon-retweet {
+ color: $green;
+ }
+
+ .icon-reply {
+ color: $blue;
+ }
+
h1 {
margin: 0;
padding: 0;
diff --git a/src/components/notifications/notifications.vue b/src/components/notifications/notifications.vue
index de5d9f00..6f5dd721 100644
--- a/src/components/notifications/notifications.vue
+++ b/src/components/notifications/notifications.vue
@@ -9,15 +9,15 @@
-
{{ notification.action.user.name }} favorited your status
+
{{ notification.action.user.name }} favorited your status
{{ notification.status.text }}
-
{{ notification.action.user.name }} repeated your status
+
{{ notification.action.user.name }} repeated your status
{{ notification.status.text }}
-
{{ notification.action.user.name }} mentioned you
+
{{ notification.action.user.name }} mentioned you
{{ notification.status.text }}