diff --git a/YACReaderLibrary/qml/GridComicsView.qml b/YACReaderLibrary/qml/GridComicsView.qml
index ffda240c..3a5659cf 100644
--- a/YACReaderLibrary/qml/GridComicsView.qml
+++ b/YACReaderLibrary/qml/GridComicsView.qml
@@ -126,7 +126,13 @@ Rectangle {
                     }
 
                     border.color: (Qt.platform.os === "osx") ? selectedBorderColor : "#ffcc00"
-                    border.width:  (dummyValue || !dummyValue) && (comicsSelectionHelper.isSelectedIndex(index) || mouseArea.containsMouse) ? 3 : 0
+                    border.width: 3
+
+                    opacity: (dummyValue || !dummyValue) && (comicsSelectionHelper.isSelectedIndex(index) || mouseArea.containsMouse) ? 1 : 0
+
+                    Behavior on opacity {
+                        NumberAnimation { duration: 300 }
+                    }
 
                     radius : 2
                 }