CSS refactor in empty states

app/partials/backlog.jade

@@ -29,8 +29,8 @@ block content
             section.backlog-table(ng-class="{'hidden': !visibleUserstories.length}")
                 include views/modules/backlog-table
             div.empty.empty-backlog(ng-class="{'hidden': visibleUserstories.length}")
-                span.icon.icon-idea
-                span Your backlog is empty.
+                span.icon.icon-backlog
+                span.title Your backlog is empty!
                 a(href="", title+"Create a new US", ng-click="ctrl.addNewUs('standard')", tg-check-permission="tg-check-permission", permission="add_us") Create a new User Story
         sidebar.menu-secondary.sidebar
             include views/modules/sprints

app/styles/dependencies/elements.scss

@@ -84,3 +84,26 @@ ol { list-style: decimal; }
         }
     }
 }
+
+
+//Empty
+.empty {
+    border: 1px dashed $gray-light;
+    color: $gray-light;
+    min-height: 10rem;
+    padding: 5% 0;
+    text-align: center;
+    .icon {
+        @extend %xxlarge;
+        margin-bottom: 2rem;
+    }
+    span {
+        display: block;
+        &.title {
+            @extend %xlarge;
+            @extend %title;
+            margin-bottom: 1rem;
+            text-transform: uppercase;
+        }
+    }
+}

app/styles/layout/backlog.scss

@@ -3,20 +3,6 @@
         float: right;
     }
 }
-.empty-backlog {
-    border: 1px dashed $gray-light;
-    color: $gray-light;
-    min-height: 10rem;
-    padding: 5% 0;
-    text-align: center;
-    .icon {
-        @extend %xxlarge;
-        margin-bottom: 2rem;
-    }
-    span {
-        display: block;
-    }
-}
 
 .backlog-menu {
     @include clearfix;

app/styles/modules/issues/issues-table.scss

@@ -1,24 +1,3 @@
-.empty-issues {
-    border: 1px dashed $gray-light;
-    color: $gray-light;
-    min-height: 10rem;
-    padding: 5% 0;
-    text-align: center;
-    .icon {
-        @extend %xxlarge;
-        margin-bottom: 2rem;
-    }
-    span {
-        display: block;
-        &.title {
-            @extend %xlarge;
-            @extend %title;
-            margin-bottom: 1rem;
-            text-transform: uppercase;
-        }
-    }
-}
-
 .issues-table {
     @include table-flex();
     margin-bottom: 2rem;