* Filter: Replaced hover circle with grow transform for X icon. Removed duplicate prop.

* Library: Centered sprites

src/components/filter/filter.css

@@ -44,12 +44,8 @@
     margin: 0 0.25rem 0 0.5rem; /* @todo: move to parent to make component*/
 
     border-radius: 50%;
-    cursor: pointer;
-    background-color: rgba(255, 255, 255, 0.2);
-
     pointer-events: none;
     cursor: default;
-
     transition: opacity 0.05s linear;
 }
 
@@ -60,6 +56,11 @@
     pointer-events: auto;
     cursor: pointer;
     opacity: 1;
+    transition: opacity 0.05s linear;
+}
+
+.filter.is-active .x-icon-wrapper:hover {
+    transform: scale(1.2, 1.2);
 }
 
 /*
@@ -80,7 +81,6 @@
     transform: translateX(0);
 }
 
-
 .filter-input {
     flex-grow: 1;
     line-height: 1.25rem;

src/components/library-item/library-item.css

@@ -6,6 +6,7 @@
     align-items: center;
     justify-content: center;
     flex-basis: 160px;
+    max-width: 160px;
     height: 160px;
     margin: $space;
     padding: 1rem 1rem 0 1rem;

src/components/library/library.css

@@ -3,12 +3,11 @@
 
 .library-scroll-grid {
     display: flex;
+    justify-content: center;
+    background: $ui-pane-gray;
     flex-grow: 1;
     flex-wrap: wrap;
-    justify-content: flex-start;
-
-    height: 100%;
     overflow-y: scroll;
-    padding: 1rem 1rem 5rem 1rem;
-    background: $ui-pane-gray;
+    height: 100%;
+    padding: 0.5rem;
 }