diff --git a/app/assets/stylesheets/themes/scinote.scss b/app/assets/stylesheets/themes/scinote.scss
index ad8bd51a1..f5dda4112 100644
--- a/app/assets/stylesheets/themes/scinote.scss
+++ b/app/assets/stylesheets/themes/scinote.scss
@@ -149,7 +149,7 @@ table {
     width: 45px;
   }
 
-  .system_message {
+  .system-message {
     background-color: $color-theme-secondary;
     border-radius: 50%;
     color: $color-wild-sand;
@@ -591,8 +591,6 @@ a[data-toggle="tooltip"] {
     margin-bottom: 15px;
   }
 
-
-
   .assignment {
     background-color: $color-theme-primary;
     border-radius: 50%;
@@ -601,11 +599,11 @@ a[data-toggle="tooltip"] {
     margin-left: 20px;
     margin-right: 15px;
     padding: 7px;
-    padding-top: 5px;
     padding-bottom: 5px;
+    padding-top: 5px;
   }
 
-  .system_message {
+  .system-message {
     background-color: $color-theme-secondary;
     border-radius: 50%;
     color: $color-wild-sand;
@@ -613,8 +611,8 @@ a[data-toggle="tooltip"] {
     margin-left: 20px;
     margin-right: 15px;
     padding: 8px;
-    padding-top: 5px;
     padding-bottom: 5px;
+    padding-top: 5px;
   }
 
   .img-circle {
diff --git a/app/views/user_notifications/_recent_notifications.html.erb b/app/views/user_notifications/_recent_notifications.html.erb
index e8454e9c3..82a852093 100644
--- a/app/views/user_notifications/_recent_notifications.html.erb
+++ b/app/views/user_notifications/_recent_notifications.html.erb
@@ -14,7 +14,7 @@
       <% end %>
       <% if notification.type_of == 'system_message' %>
       <div class="text-center">
-        <span class="system_message"><i class="glyphicon glyphicon-tower" aria-hidden="true"></i></span>
+        <span class="system-message"><i class="glyphicon glyphicon-tower" aria-hidden="true"></i></span>
       </div>
       <% end %>
     </div>
diff --git a/app/views/users/settings/preferences.html.erb b/app/views/users/settings/preferences.html.erb
index 638a49dfd..1c599ebd8 100644
--- a/app/views/users/settings/preferences.html.erb
+++ b/app/views/users/settings/preferences.html.erb
@@ -50,7 +50,7 @@
             <%= f.label t('notifications.form.recent_notification') %> <br>
             <span class="assignment hidden-sm"><%= fa_icon 'newspaper-o' %></span>
             <%= f.label t('notifications.form.assignments') %> <br>
-            <span class="system_message hidden-sm"><i class="glyphicon glyphicon-tower" aria-hidden="true"></i></span>
+            <span class="system-message hidden-sm"><i class="glyphicon glyphicon-tower" aria-hidden="true"></i></span>
             <%= f.label t('notifications.form.system_message') %>
           </div>
         </div>