diff --git a/frontend/views/layouts/main.php b/frontend/views/layouts/main.php
index 144b3fc..85bfd82 100644
--- a/frontend/views/layouts/main.php
+++ b/frontend/views/layouts/main.php
@@ -425,8 +425,7 @@ _________________________________________________________ -->
   
         <!-- *** COPYRIGHT END *** -->
   
-        <div id="content">Scroll &darr;</div>
-        <a href="#" id="back-to-top" title="Back to top">&uarr;</a>
+        <span id="back-to-top" title="Back to top"><i class="fa fa-arrow-up"></i></span>
 
       </div>
       <!-- /#all -->
diff --git a/frontend/web/css/custom.css b/frontend/web/css/custom.css
index 990a9eb..d04b22d 100644
--- a/frontend/web/css/custom.css
+++ b/frontend/web/css/custom.css
@@ -87,32 +87,27 @@
 
 #back-to-top {
     position: fixed;
-    bottom: 90px;
-    right: 120px;
+    top: 100px;
+    left: 0px;
     z-index: 9999;
-    width: 50px;
-    height: 50px;
+    width: 40px;
+    height: 40px;
     text-align: center;
     line-height: 30px;
-    background: #f5f5f5;
-    color: #444;
+    background: #38a7bb;
+    color: #fff;
     cursor: pointer;
-    border-radius: 50%;
     text-decoration: none;
     transition: opacity 0.2s ease-out;
     opacity: 0;
-    border-color: #38a7bb;
-    border-width: 2px;
+    padding: 4px;
 }
 
 #back-to-top:hover {
-    background: #e9ebec;
+    background: #20616d;
+    color: #fff;
 }
 
 #back-to-top.show {
     opacity: 1;
-}
-
-#content {
-    height: 2000px;
 }
\ No newline at end of file
--
libgit2 0.21.4