diff --git a/css/icons.scss b/css/icons.scss
index 154b7c03f..e5c9b9dbb 100644
--- a/css/icons.scss
+++ b/css/icons.scss
@@ -94,6 +94,13 @@
 		background-image: url(icon-color-path('video-off', 'actions', 'fff', 1, true));
 	}
 
+	// Patch material design icons' span wrong height
+	.material-design-icon {
+		display: contents;
+	}
+}
+
+.popover.vue-popover-theme.open {
 	.icon-delete-critical {
 		@include icon-color('delete', 'actions', $color-error, 1, true);
 		&:hover,
@@ -101,11 +108,6 @@
 			filter: initial;
 		}
 	}
-
-	// Patch material design icons' span wrong height
-	.material-design-icon {
-		display: contents;
-	}
 }
 
 // The atwho panel is a direct child of the body, so it is not affected by