diff --git a/src/components/ContactCard/ContactForm/__snapshots__/index.spec.jsx.snap b/src/components/ContactCard/ContactForm/__snapshots__/index.spec.jsx.snap
index f3614254c..b3ecded36 100644
--- a/src/components/ContactCard/ContactForm/__snapshots__/index.spec.jsx.snap
+++ b/src/components/ContactCard/ContactForm/__snapshots__/index.spec.jsx.snap
@@ -115,16 +115,16 @@ exports[`ContactForm should fill form with contact data 1`] = `
             >
               <svg
                 className="styles__icon___23x3R"
-                height="10"
+                height="12"
                 style={
                   Object {
                     "fill": "var(--coolGrey)",
                   }
                 }
-                width="10"
+                width="12"
               >
                 <use
-                  xlinkHref="#cross"
+                  xlinkHref="#cross-small"
                 />
               </svg>
             </button>
@@ -154,16 +154,16 @@ exports[`ContactForm should fill form with contact data 1`] = `
             >
               <svg
                 className="styles__icon___23x3R"
-                height="10"
+                height="12"
                 style={
                   Object {
                     "fill": "var(--coolGrey)",
                   }
                 }
-                width="10"
+                width="12"
               >
                 <use
-                  xlinkHref="#cross"
+                  xlinkHref="#cross-small"
                 />
               </svg>
             </button>
@@ -183,7 +183,7 @@ exports[`ContactForm should fill form with contact data 1`] = `
                 width="10"
               >
                 <use
-                  xlinkHref="#plus"
+                  xlinkHref="#plus-small"
                 />
               </svg>
             </button>
@@ -240,16 +240,16 @@ exports[`ContactForm should fill form with contact data 1`] = `
             >
               <svg
                 className="styles__icon___23x3R"
-                height="10"
+                height="12"
                 style={
                   Object {
                     "fill": "var(--coolGrey)",
                   }
                 }
-                width="10"
+                width="12"
               >
                 <use
-                  xlinkHref="#cross"
+                  xlinkHref="#cross-small"
                 />
               </svg>
             </button>
@@ -279,16 +279,16 @@ exports[`ContactForm should fill form with contact data 1`] = `
             >
               <svg
                 className="styles__icon___23x3R"
-                height="10"
+                height="12"
                 style={
                   Object {
                     "fill": "var(--coolGrey)",
                   }
                 }
-                width="10"
+                width="12"
               >
                 <use
-                  xlinkHref="#cross"
+                  xlinkHref="#cross-small"
                 />
               </svg>
             </button>
@@ -308,7 +308,7 @@ exports[`ContactForm should fill form with contact data 1`] = `
                 width="10"
               >
                 <use
-                  xlinkHref="#plus"
+                  xlinkHref="#plus-small"
                 />
               </svg>
             </button>
@@ -365,16 +365,16 @@ exports[`ContactForm should fill form with contact data 1`] = `
             >
               <svg
                 className="styles__icon___23x3R"
-                height="10"
+                height="12"
                 style={
                   Object {
                     "fill": "var(--coolGrey)",
                   }
                 }
-                width="10"
+                width="12"
               >
                 <use
-                  xlinkHref="#cross"
+                  xlinkHref="#cross-small"
                 />
               </svg>
             </button>
@@ -404,16 +404,16 @@ exports[`ContactForm should fill form with contact data 1`] = `
             >
               <svg
                 className="styles__icon___23x3R"
-                height="10"
+                height="12"
                 style={
                   Object {
                     "fill": "var(--coolGrey)",
                   }
                 }
-                width="10"
+                width="12"
               >
                 <use
-                  xlinkHref="#cross"
+                  xlinkHref="#cross-small"
                 />
               </svg>
             </button>
@@ -433,7 +433,7 @@ exports[`ContactForm should fill form with contact data 1`] = `
                 width="10"
               >
                 <use
-                  xlinkHref="#plus"
+                  xlinkHref="#plus-small"
                 />
               </svg>
             </button>
diff --git a/src/components/ContactGroups/__snapshots__/ContactGroupManager.spec.jsx.snap b/src/components/ContactGroups/__snapshots__/ContactGroupManager.spec.jsx.snap
index 2753116d7..d18acc5f8 100644
--- a/src/components/ContactGroups/__snapshots__/ContactGroupManager.spec.jsx.snap
+++ b/src/components/ContactGroups/__snapshots__/ContactGroupManager.spec.jsx.snap
@@ -1,51 +1,53 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ContactGroupManager should display the group select 1`] = `
-<div
-  className="css-1irp0at select--autowidth"
-  onKeyDown={[Function]}
->
-  <button
-    className="styles__c-btn___-2Vnj styles__c-btn--secondary___3Br_N styles__c-btn--small___3ArkI"
-    onClick={[Function]}
-    title={null}
-    type="submit"
+<div>
+  <div
+    className="css-1irp0at select--autowidth"
+    onKeyDown={[Function]}
   >
-    <span>
-      <svg
-        className="styles__icon___23x3R"
-        height="16"
-        style={
-          Object {
-            "fill": "var(--coolGrey)",
+    <button
+      className="styles__c-btn___-2Vnj styles__c-btn--secondary___3Br_N styles__c-btn--small___3ArkI"
+      onClick={[Function]}
+      title={null}
+      type="submit"
+    >
+      <span>
+        <svg
+          className="styles__icon___23x3R"
+          height="16"
+          style={
+            Object {
+              "fill": "var(--coolGrey)",
+            }
           }
-        }
-        width="16"
-      >
-        <use
-          xlinkHref="#icon-0"
-        />
-      </svg>
-      <span
-        className={null}
-      >
-        Manage groups
-      </span>
-      <svg
-        className="group-manager__indicator styles__icon___23x3R"
-        height="16"
-        style={
-          Object {
-            "fill": "var(--coolGrey)",
+          width="16"
+        >
+          <use
+            xlinkHref="#icon-0"
+          />
+        </svg>
+        <span
+          className={null}
+        >
+          Manage groups
+        </span>
+        <svg
+          className="group-manager__indicator styles__icon___23x3R"
+          height="16"
+          style={
+            Object {
+              "fill": "var(--coolGrey)",
+            }
           }
-        }
-        width="12"
-      >
-        <use
-          xlinkHref="#icon-0"
-        />
-      </svg>
-    </span>
-  </button>
+          width="12"
+        >
+          <use
+            xlinkHref="#icon-0"
+          />
+        </svg>
+      </span>
+    </button>
+  </div>
 </div>
 `;