FilterComponent: x icon animations

src/components/filter/filter.css

@@ -50,8 +50,7 @@
     pointer-events: none;
     cursor: default;
 
-    /* Why doesn't this work? */
-    /* transition: opacity 0.05s linear; */
+    transition: opacity 0.05s linear;
 }
 
 /*
@@ -70,11 +69,8 @@
     position: relative;
     margin: 0.25rem;
     user-select: none;
-    /* transform: translateX(0.5rem); */
-    /* transition: transform 0.085s cubic-bezier(0.78, 1, 1, 1); */
-
-    /* transition: transform 0.085s cubic-bezier(0.78, 1, 1, 1),
-                   opacity 0.05s linear; */
+    transform: translateX(0.5rem);
+    transition: transform 0.085s cubic-bezier(0.78, 1, 1, 1);
 }
 
 /*