diff --git a/sass/_helper-sass/_buttons.scss b/sass/_helper-sass/_buttons.scss
index 8f753482..3e8f8510 100644
--- a/sass/_helper-sass/_buttons.scss
+++ b/sass/_helper-sass/_buttons.scss
@@ -78,6 +78,10 @@
     &:hover{
       @include linear-gradient(top, #d51c3a, #841526);
     }
+    
+    .fa {
+      margin-right:5px;
+    }
 }
    
 .btn-Action-2{@extend %btn; background:$c-Btn-2;
diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss
index c7bf9f96..626a0751 100644
--- a/sass/_project-sass/_project-Main.scss
+++ b/sass/_project-sass/_project-Main.scss
@@ -154,22 +154,6 @@
 .files .btn-Action {
   margin-left: 8px;
 }
-.btn-Action span {
-  background-repeat: no-repeat;
-}
-.btn-Action.new-Page span {
-  background-image: url(/img/new-page.png);
-  background-position-y: 1px;
-  padding-left: 29px;
-}
-.btn-Action.new-Folder span {
-  background-image: url(/img/new-folder.png);
-  padding-left: 26px;
-}
-.btn-Action.upload span {
-  background-image: url(/img/upload.png);
-  padding-left: 24px;
-}
 .files .list {
   padding: 20px;
 }
diff --git a/views/dashboard.erb b/views/dashboard.erb
index 8c984f60..dedf1bbe 100644
--- a/views/dashboard.erb
+++ b/views/dashboard.erb
@@ -100,9 +100,9 @@
       <% end %>
     </div>
     <div class="actions">
-      <a href="/site_files/new_page" class="btn-Action new-Page"><span>New Page</span></a>
-      <a href="#createDir" class="btn-Action new-Folder" data-toggle="modal"><span>New Folder</span></a>
-      <a href="#" class="btn-Action upload" onclick="clickUploadFiles(); return false"><span>Upload</span></a>
+      <a href="/site_files/new_page" class="btn-Action"><i class="fa fa-file"></i>  New Page</a>
+      <a href="#createDir" class="btn-Action" data-toggle="modal"><i class="fa fa-folder"></i> New Folder</a>
+      <a href="#" class="btn-Action" onclick="clickUploadFiles(); return false"><i class="fa fa-upload"></i> Upload</a>
     </div>
   </div>
   <div class="list">