diff --git a/.theme/footer.html b/.theme/footer.html
index f8f7fbb..09643a7 100644
--- a/.theme/footer.html
+++ b/.theme/footer.html
@@ -7,7 +7,7 @@
 <script>
     <!--
     (function($,w,d){
-        var parseList, parseTitle, fixTable, setTheme;
+        var parseList, parseTitle, fixTable, setTheme, setFolderHover;
 
         //fixes for older apache versions
         fixTable = function( $table ){
@@ -100,6 +100,13 @@
         /* sets a body class of the default theme */
         setTheme( $(".wrap").data("theme") );
 
+        /*sets the hover icons for folders */
+        setFolderHover = function( src ){
+            $(".type--DIR .indexcolicon a").append("<img class='hover' src='" + src + "' alt='folder hover' />")
+        };
+
+        setFolderHover( $(".type--PARENTDIR img:eq(0)").attr("src") );
+
     }(jQuery,window,document));
     -->
 </script>
diff --git a/.theme/style.css b/.theme/style.css
index 120fa1e..495ca3c 100644
--- a/.theme/style.css
+++ b/.theme/style.css
@@ -168,17 +168,12 @@ a[href$="/"]:hover,a[href$="/"]:hover,a.link--breadcrumb:hover {
 .type--DIR .indexcolicon a {
     position: relative;
 }
+.type--DIR .indexcolicon a img.hover,
 .type--DIR:hover .indexcolicon a img {
-    opacity: 0;
+    display: none;
 }
-.type--DIR:hover .indexcolicon a:after {
-    position: absolute;
+.type--DIR:hover .indexcolicon a img.hover {
     display: block;
-    top: 0; left: 0;
-    content: "";
-    width: 1.4em; height: 1.4em;
-    background: url('/~meodai/.meta/icons/folder_open@2x.png');
-    background-size: 100%;
 }
 
 /* footer */
@@ -186,4 +181,3 @@ a[href$="/"]:hover,a[href$="/"]:hover,a.link--breadcrumb:hover {
     padding: 1em 0 0;
     font-size: 0.7em;
 }
-