diff --git a/app/assets/images/cross-grey.svg b/app/assets/images/cross-grey.svg
new file mode 100644
index 000000000..5a4a035d5
--- /dev/null
+++ b/app/assets/images/cross-grey.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19px" height="19px" viewBox="0 0 128 128"><polygon points="38,12 12,38 38,64 12,90 38,116 64,90 90,116 116,90 90,64 116,38 90,12 64,38" stroke="#6f777b" stroke-width="10px" fill="none"></polygon></svg>
diff --git a/app/assets/stylesheets/components/tick-cross.scss b/app/assets/stylesheets/components/tick-cross.scss
index 9d9ce2489..faf1f71fc 100644
--- a/app/assets/stylesheets/components/tick-cross.scss
+++ b/app/assets/stylesheets/components/tick-cross.scss
@@ -17,8 +17,7 @@
   &-cross {
     @extend %tick-cross;
     color: $secondary-text-colour;
-    background-image: file-url('cross-grey.png');
-    box-shadow: inset 20px 0 0 0 rgba(255, 255, 255, 0.6);
+    background-image: file-url('cross-grey.svg');
   }
 
   &-list {