diff --git a/test/domains/helpers/__snapshots__/DomainStatusIcon.test.tsx.snap b/test/domains/helpers/__snapshots__/DomainStatusIcon.test.tsx.snap
index 3ccd8237..88879049 100644
--- a/test/domains/helpers/__snapshots__/DomainStatusIcon.test.tsx.snap
+++ b/test/domains/helpers/__snapshots__/DomainStatusIcon.test.tsx.snap
@@ -87,91 +87,3 @@ exports[`<DomainStatusIcon /> > renders proper tooltip based on state 2`] = `
   Congratulations! This domain is properly configured.
 </div>
 `;
-
-exports[`<DomainStatusIcon /> renders expected icon and tooltip when status is not validating 1`] = `
-<svg
-  aria-hidden="true"
-  class="svg-inline--fa fa-circle-notch fa-spin fa-fw "
-  data-icon="circle-notch"
-  data-prefix="fas"
-  focusable="false"
-  role="img"
-  viewBox="0 0 512 512"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M222.7 32.1c5 16.9-4.6 34.8-21.5 39.8C121.8 95.6 64 169.1 64 256c0 106 86 192 192 192s192-86 192-192c0-86.9-57.8-160.4-137.1-184.1c-16.9-5-26.6-22.9-21.5-39.8s22.9-26.6 39.8-21.5C434.9 42.1 512 140 512 256c0 141.4-114.6 256-256 256S0 397.4 0 256C0 140 77.1 42.1 182.9 10.6c16.9-5 34.8 4.6 39.8 21.5z"
-    fill="currentColor"
-  />
-</svg>
-`;
-
-exports[`<DomainStatusIcon /> renders expected icon and tooltip when status is not validating 2`] = `
-<span>
-  <svg
-    aria-hidden="true"
-    class="svg-inline--fa fa-xmark fa-fw text-danger"
-    data-icon="xmark"
-    data-prefix="fas"
-    focusable="false"
-    role="img"
-    viewBox="0 0 320 512"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"
-      fill="currentColor"
-    />
-  </svg>
-</span>
-`;
-
-exports[`<DomainStatusIcon /> renders expected icon and tooltip when status is not validating 3`] = `
-<span>
-  <svg
-    aria-hidden="true"
-    class="svg-inline--fa fa-check fa-fw text-muted"
-    data-icon="check"
-    data-prefix="fas"
-    focusable="false"
-    role="img"
-    viewBox="0 0 512 512"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"
-      fill="currentColor"
-    />
-  </svg>
-</span>
-`;
-
-exports[`<DomainStatusIcon /> renders proper tooltip based on state 1`] = `
-<div
-  class="tooltip-inner"
-  role="tooltip"
->
-  <span>
-    Oops! There is some missing configuration, and short URLs shared with this domain will not work.
-    <br />
-    Check the 
-    <a
-      href="https://slnk.to/multi-domain-docs"
-      rel="noopener noreferrer"
-      target="_blank"
-    >
-      documentation
-    </a>
-     in order to find out what is missing.
-  </span>
-</div>
-`;
-
-exports[`<DomainStatusIcon /> renders proper tooltip based on state 2`] = `
-<div
-  class="tooltip-inner"
-  role="tooltip"
->
-  Congratulations! This domain is properly configured.
-</div>
-`;
diff --git a/test/servers/__snapshots__/DeleteServerButton.test.tsx.snap b/test/servers/__snapshots__/DeleteServerButton.test.tsx.snap
index d332a540..9522c9cd 100644
--- a/test/servers/__snapshots__/DeleteServerButton.test.tsx.snap
+++ b/test/servers/__snapshots__/DeleteServerButton.test.tsx.snap
@@ -54,58 +54,3 @@ exports[`<DeleteServerButton /> > renders expected content 4`] = `
   </span>
 </span>
 `;
-
-exports[`<DeleteServerButton /> renders expected content 1`] = `
-<span>
-  <span
-    class="button"
-  >
-    Foo bar
-  </span>
-</span>
-`;
-
-exports[`<DeleteServerButton /> renders expected content 2`] = `
-<span>
-  <span
-    class="button"
-  >
-    baz
-  </span>
-</span>
-`;
-
-exports[`<DeleteServerButton /> renders expected content 3`] = `
-<span>
-  <span
-    class="button"
-  >
-    something
-  </span>
-</span>
-`;
-
-exports[`<DeleteServerButton /> renders expected content 4`] = `
-<span>
-  <svg
-    aria-hidden="true"
-    class="svg-inline--fa fa-circle-minus fa-fw "
-    data-icon="circle-minus"
-    data-prefix="fas"
-    focusable="false"
-    role="img"
-    viewBox="0 0 512 512"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM184 232H328c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"
-      fill="currentColor"
-    />
-  </svg>
-  <span
-    class="button"
-  >
-    Remove this server
-  </span>
-</span>
-`;
diff --git a/test/servers/__snapshots__/ManageServersRow.test.tsx.snap b/test/servers/__snapshots__/ManageServersRow.test.tsx.snap
index b777a57b..6b9b532e 100644
--- a/test/servers/__snapshots__/ManageServersRow.test.tsx.snap
+++ b/test/servers/__snapshots__/ManageServersRow.test.tsx.snap
@@ -96,100 +96,3 @@ exports[`<ManageServersRow /> > renders auto-connect icon only if server is auto
   </table>
 </div>
 `;
-
-exports[`<ManageServersRow /> renders auto-connect icon only if server is autoConnect 1`] = `
-<div>
-  <table>
-    <tbody>
-      <tr
-        class="responsive-table__row"
-      >
-        <td
-          class="responsive-table__cell"
-          data-th="Auto-connect"
-        >
-          <svg
-            aria-hidden="true"
-            class="svg-inline--fa fa-check text-primary"
-            data-icon="check"
-            data-prefix="fas"
-            focusable="false"
-            id="autoConnectIcon"
-            role="img"
-            viewBox="0 0 512 512"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"
-              fill="currentColor"
-            />
-          </svg>
-        </td>
-        <th
-          class="responsive-table__cell"
-          data-th="Name"
-        >
-          <a
-            href="/server/abc"
-          >
-            My server
-          </a>
-        </th>
-        <td
-          class="responsive-table__cell"
-          data-th="Base URL"
-        >
-          https://example.com
-        </td>
-        <td
-          class="responsive-table__cell text-end"
-        >
-          <span>
-            ManageServersRowDropdown
-          </span>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-`;
-
-exports[`<ManageServersRow /> renders auto-connect icon only if server is autoConnect 2`] = `
-<div>
-  <table>
-    <tbody>
-      <tr
-        class="responsive-table__row"
-      >
-        <td
-          class="responsive-table__cell"
-          data-th="Auto-connect"
-        />
-        <th
-          class="responsive-table__cell"
-          data-th="Name"
-        >
-          <a
-            href="/server/abc"
-          >
-            My server
-          </a>
-        </th>
-        <td
-          class="responsive-table__cell"
-          data-th="Base URL"
-        >
-          https://example.com
-        </td>
-        <td
-          class="responsive-table__cell text-end"
-        >
-          <span>
-            ManageServersRowDropdown
-          </span>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-`;
diff --git a/test/settings/__snapshots__/UserInterfaceSettings.test.tsx.snap b/test/settings/__snapshots__/UserInterfaceSettings.test.tsx.snap
index 07462087..0f447f1f 100644
--- a/test/settings/__snapshots__/UserInterfaceSettings.test.tsx.snap
+++ b/test/settings/__snapshots__/UserInterfaceSettings.test.tsx.snap
@@ -53,57 +53,3 @@ exports[`<UserInterfaceSettings /> > shows different icons based on theme 3`] =
   />
 </svg>
 `;
-
-exports[`<UserInterfaceSettings /> shows different icons based on theme 1`] = `
-<svg
-  aria-hidden="true"
-  class="svg-inline--fa fa-moon user-interface__theme-icon"
-  data-icon="moon"
-  data-prefix="fas"
-  focusable="false"
-  role="img"
-  viewBox="0 0 384 512"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z"
-    fill="currentColor"
-  />
-</svg>
-`;
-
-exports[`<UserInterfaceSettings /> shows different icons based on theme 2`] = `
-<svg
-  aria-hidden="true"
-  class="svg-inline--fa fa-sun user-interface__theme-icon"
-  data-icon="sun"
-  data-prefix="fas"
-  focusable="false"
-  role="img"
-  viewBox="0 0 512 512"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"
-    fill="currentColor"
-  />
-</svg>
-`;
-
-exports[`<UserInterfaceSettings /> shows different icons based on theme 3`] = `
-<svg
-  aria-hidden="true"
-  class="svg-inline--fa fa-sun user-interface__theme-icon"
-  data-icon="sun"
-  data-prefix="fas"
-  focusable="false"
-  role="img"
-  viewBox="0 0 512 512"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"
-    fill="currentColor"
-  />
-</svg>
-`;
diff --git a/test/short-urls/helpers/__snapshots__/ShortUrlsRow.test.tsx.snap b/test/short-urls/helpers/__snapshots__/ShortUrlsRow.test.tsx.snap
index c9986524..84dab26b 100644
--- a/test/short-urls/helpers/__snapshots__/ShortUrlsRow.test.tsx.snap
+++ b/test/short-urls/helpers/__snapshots__/ShortUrlsRow.test.tsx.snap
@@ -143,147 +143,3 @@ exports[`<ShortUrlsRow /> > displays expected status icon 8`] = `
   />
 </svg>
 `;
-
-exports[`<ShortUrlsRow /> displays expected status icon 1`] = `
-<svg
-  aria-hidden="true"
-  class="svg-inline--fa fa-calendar-xmark text-danger"
-  data-icon="calendar-xmark"
-  data-prefix="fas"
-  focusable="false"
-  role="img"
-  viewBox="0 0 448 512"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M128 0c17.7 0 32 14.3 32 32V64H288V32c0-17.7 14.3-32 32-32s32 14.3 32 32V64h48c26.5 0 48 21.5 48 48v48H0V112C0 85.5 21.5 64 48 64H96V32c0-17.7 14.3-32 32-32zM0 192H448V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V192zM305 305c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47z"
-    fill="currentColor"
-  />
-</svg>
-`;
-
-exports[`<ShortUrlsRow /> displays expected status icon 2`] = `
-<svg
-  aria-hidden="true"
-  class="svg-inline--fa fa-calendar-xmark text-warning"
-  data-icon="calendar-xmark"
-  data-prefix="fas"
-  focusable="false"
-  role="img"
-  viewBox="0 0 448 512"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M128 0c17.7 0 32 14.3 32 32V64H288V32c0-17.7 14.3-32 32-32s32 14.3 32 32V64h48c26.5 0 48 21.5 48 48v48H0V112C0 85.5 21.5 64 48 64H96V32c0-17.7 14.3-32 32-32zM0 192H448V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V192zM305 305c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47z"
-    fill="currentColor"
-  />
-</svg>
-`;
-
-exports[`<ShortUrlsRow /> displays expected status icon 3`] = `
-<svg
-  aria-hidden="true"
-  class="svg-inline--fa fa-link-slash text-danger"
-  data-icon="link-slash"
-  data-prefix="fas"
-  focusable="false"
-  role="img"
-  viewBox="0 0 640 512"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L489.3 358.2l90.5-90.5c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114l-96 96-31.9-25C430.9 239.6 420.1 175.1 377 132c-52.2-52.3-134.5-56.2-191.3-11.7L38.8 5.1zM239 162c30.1-14.9 67.7-9.9 92.8 15.3c20 20 27.5 48.3 21.7 74.5L239 162zM406.6 416.4L220.9 270c-2.1 39.8 12.2 80.1 42.2 110c38.9 38.9 94.4 51 143.6 36.3zm-290-228.5L60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5l61.8-61.8-50.6-39.9z"
-    fill="currentColor"
-  />
-</svg>
-`;
-
-exports[`<ShortUrlsRow /> displays expected status icon 4`] = `
-<svg
-  aria-hidden="true"
-  class="svg-inline--fa fa-link-slash text-danger"
-  data-icon="link-slash"
-  data-prefix="fas"
-  focusable="false"
-  role="img"
-  viewBox="0 0 640 512"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L489.3 358.2l90.5-90.5c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114l-96 96-31.9-25C430.9 239.6 420.1 175.1 377 132c-52.2-52.3-134.5-56.2-191.3-11.7L38.8 5.1zM239 162c30.1-14.9 67.7-9.9 92.8 15.3c20 20 27.5 48.3 21.7 74.5L239 162zM406.6 416.4L220.9 270c-2.1 39.8 12.2 80.1 42.2 110c38.9 38.9 94.4 51 143.6 36.3zm-290-228.5L60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5l61.8-61.8-50.6-39.9z"
-    fill="currentColor"
-  />
-</svg>
-`;
-
-exports[`<ShortUrlsRow /> displays expected status icon 5`] = `
-<svg
-  aria-hidden="true"
-  class="svg-inline--fa fa-calendar-xmark text-danger"
-  data-icon="calendar-xmark"
-  data-prefix="fas"
-  focusable="false"
-  role="img"
-  viewBox="0 0 448 512"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M128 0c17.7 0 32 14.3 32 32V64H288V32c0-17.7 14.3-32 32-32s32 14.3 32 32V64h48c26.5 0 48 21.5 48 48v48H0V112C0 85.5 21.5 64 48 64H96V32c0-17.7 14.3-32 32-32zM0 192H448V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V192zM305 305c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47z"
-    fill="currentColor"
-  />
-</svg>
-`;
-
-exports[`<ShortUrlsRow /> displays expected status icon 6`] = `
-<svg
-  aria-hidden="true"
-  class="svg-inline--fa fa-check text-primary"
-  data-icon="check"
-  data-prefix="fas"
-  focusable="false"
-  role="img"
-  viewBox="0 0 512 512"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"
-    fill="currentColor"
-  />
-</svg>
-`;
-
-exports[`<ShortUrlsRow /> displays expected status icon 7`] = `
-<svg
-  aria-hidden="true"
-  class="svg-inline--fa fa-check text-primary"
-  data-icon="check"
-  data-prefix="fas"
-  focusable="false"
-  role="img"
-  viewBox="0 0 512 512"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"
-    fill="currentColor"
-  />
-</svg>
-`;
-
-exports[`<ShortUrlsRow /> displays expected status icon 8`] = `
-<svg
-  aria-hidden="true"
-  class="svg-inline--fa fa-check text-primary"
-  data-icon="check"
-  data-prefix="fas"
-  focusable="false"
-  role="img"
-  viewBox="0 0 512 512"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"
-    fill="currentColor"
-  />
-</svg>
-`;
diff --git a/test/utils/__snapshots__/CopyToClipboardIcon.test.tsx.snap b/test/utils/__snapshots__/CopyToClipboardIcon.test.tsx.snap
index cbbe8016..a6d37ddf 100644
--- a/test/utils/__snapshots__/CopyToClipboardIcon.test.tsx.snap
+++ b/test/utils/__snapshots__/CopyToClipboardIcon.test.tsx.snap
@@ -19,23 +19,3 @@ exports[`<CopyToClipboardIcon /> > wraps expected components 1`] = `
   </svg>
 </div>
 `;
-
-exports[`<CopyToClipboardIcon /> wraps expected components 1`] = `
-<div>
-  <svg
-    aria-hidden="true"
-    class="svg-inline--fa fa-clone ms-2 copy-to-clipboard-icon"
-    data-icon="clone"
-    data-prefix="far"
-    focusable="false"
-    role="img"
-    viewBox="0 0 512 512"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M64 464H288c8.8 0 16-7.2 16-16V384h48v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h64v48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zM224 304H448c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H224c-8.8 0-16 7.2-16 16V288c0 8.8 7.2 16 16 16zm-64-16V64c0-35.3 28.7-64 64-64H448c35.3 0 64 28.7 64 64V288c0 35.3-28.7 64-64 64H224c-35.3 0-64-28.7-64-64z"
-      fill="currentColor"
-    />
-  </svg>
-</div>
-`;
diff --git a/test/utils/__snapshots__/ExportBtn.test.tsx.snap b/test/utils/__snapshots__/ExportBtn.test.tsx.snap
index 6b663ec8..f1f50c89 100644
--- a/test/utils/__snapshots__/ExportBtn.test.tsx.snap
+++ b/test/utils/__snapshots__/ExportBtn.test.tsx.snap
@@ -17,21 +17,3 @@ exports[`<ExportBtn /> > renders expected icon 1`] = `
   />
 </svg>
 `;
-
-exports[`<ExportBtn /> renders expected icon 1`] = `
-<svg
-  aria-hidden="true"
-  class="svg-inline--fa fa-file-csv "
-  data-icon="file-csv"
-  data-prefix="fas"
-  focusable="false"
-  role="img"
-  viewBox="0 0 384 512"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM80 224H96c22.1 0 40 17.9 40 40v8c0 8.8-7.2 16-16 16s-16-7.2-16-16v-8c0-4.4-3.6-8-8-8H80c-4.4 0-8 3.6-8 8v80c0 4.4 3.6 8 8 8H96c4.4 0 8-3.6 8-8v-8c0-8.8 7.2-16 16-16s16 7.2 16 16v8c0 22.1-17.9 40-40 40H80c-22.1 0-40-17.9-40-40V264c0-22.1 17.9-40 40-40zm72 46.4c0-25.6 20.8-46.4 46.4-46.4H216c8.8 0 16 7.2 16 16s-7.2 16-16 16H198.4c-7.9 0-14.4 6.4-14.4 14.4c0 5.2 2.8 9.9 7.2 12.5l25.4 14.5c14.4 8.3 23.4 23.6 23.4 40.3c0 25.6-20.8 46.4-46.4 46.4H168c-8.8 0-16-7.2-16-16s7.2-16 16-16h25.6c7.9 0 14.4-6.4 14.4-14.4c0-5.2-2.8-9.9-7.2-12.5l-25.4-14.5C160.9 302.4 152 287 152 270.4zM280 240v31.6c0 23 5.5 45.6 16 66c10.5-20.3 16-42.9 16-66V240c0-8.8 7.2-16 16-16s16 7.2 16 16v31.6c0 34.7-10.3 68.7-29.6 97.6l-5.1 7.7c-3 4.5-8 7.1-13.3 7.1s-10.3-2.7-13.3-7.1l-5.1-7.7c-19.3-28.9-29.6-62.9-29.6-97.6V240c0-8.8 7.2-16 16-16s16 7.2 16 16z"
-    fill="currentColor"
-  />
-</svg>
-`;
diff --git a/test/utils/__snapshots__/IconInput.test.tsx.snap b/test/utils/__snapshots__/IconInput.test.tsx.snap
index 6f9c8a95..d76e8654 100644
--- a/test/utils/__snapshots__/IconInput.test.tsx.snap
+++ b/test/utils/__snapshots__/IconInput.test.tsx.snap
@@ -83,87 +83,3 @@ exports[`<IconInput /> > displays provided icon 3`] = `
   </div>
 </div>
 `;
-
-exports[`<IconInput /> displays provided icon 1`] = `
-<div>
-  <div
-    class="icon-input-container"
-  >
-    <input
-      class="icon-input-container__input form-control"
-      type="text"
-    />
-    <svg
-      aria-hidden="true"
-      class="svg-inline--fa fa-calendar fa-fw icon-input-container__icon"
-      data-icon="calendar"
-      data-prefix="fas"
-      focusable="false"
-      role="img"
-      viewBox="0 0 448 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192z"
-        fill="currentColor"
-      />
-    </svg>
-  </div>
-</div>
-`;
-
-exports[`<IconInput /> displays provided icon 2`] = `
-<div>
-  <div
-    class="icon-input-container"
-  >
-    <input
-      class="icon-input-container__input form-control"
-      type="text"
-    />
-    <svg
-      aria-hidden="true"
-      class="svg-inline--fa fa-apple-whole fa-fw icon-input-container__icon"
-      data-icon="apple-whole"
-      data-prefix="fas"
-      focusable="false"
-      role="img"
-      viewBox="0 0 448 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M224 112c-8.8 0-16-7.2-16-16V80c0-44.2 35.8-80 80-80h16c8.8 0 16 7.2 16 16V32c0 44.2-35.8 80-80 80H224zM0 288c0-76.3 35.7-160 112-160c27.3 0 59.7 10.3 82.7 19.3c18.8 7.3 39.9 7.3 58.7 0c22.9-8.9 55.4-19.3 82.7-19.3c76.3 0 112 83.7 112 160c0 128-80 224-160 224c-16.5 0-38.1-6.6-51.5-11.3c-8.1-2.8-16.9-2.8-25 0c-13.4 4.7-35 11.3-51.5 11.3C80 512 0 416 0 288z"
-        fill="currentColor"
-      />
-    </svg>
-  </div>
-</div>
-`;
-
-exports[`<IconInput /> displays provided icon 3`] = `
-<div>
-  <div
-    class="icon-input-container"
-  >
-    <input
-      class="icon-input-container__input form-control"
-      type="text"
-    />
-    <svg
-      aria-hidden="true"
-      class="svg-inline--fa fa-table fa-fw icon-input-container__icon"
-      data-icon="table"
-      data-prefix="fas"
-      focusable="false"
-      role="img"
-      viewBox="0 0 512 512"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M64 256V160H224v96H64zm0 64H224v96H64V320zm224 96V320H448v96H288zM448 256H288V160H448v96zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"
-        fill="currentColor"
-      />
-    </svg>
-  </div>
-</div>
-`;
diff --git a/test/utils/table/__snapshots__/TableOrderIcon.test.tsx.snap b/test/utils/table/__snapshots__/TableOrderIcon.test.tsx.snap
index 2a858f2c..ed814037 100644
--- a/test/utils/table/__snapshots__/TableOrderIcon.test.tsx.snap
+++ b/test/utils/table/__snapshots__/TableOrderIcon.test.tsx.snap
@@ -35,39 +35,3 @@ exports[`<TableOrderIcon /> > renders an icon when all conditions are met 2`] =
   />
 </svg>
 `;
-
-exports[`<TableOrderIcon /> renders an icon when all conditions are met 1`] = `
-<svg
-  aria-hidden="true"
-  class="svg-inline--fa fa-caret-down ms-1"
-  data-icon="caret-down"
-  data-prefix="fas"
-  focusable="false"
-  role="img"
-  viewBox="0 0 320 512"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"
-    fill="currentColor"
-  />
-</svg>
-`;
-
-exports[`<TableOrderIcon /> renders an icon when all conditions are met 2`] = `
-<svg
-  aria-hidden="true"
-  class="svg-inline--fa fa-caret-up ms-1"
-  data-icon="caret-up"
-  data-prefix="fas"
-  focusable="false"
-  role="img"
-  viewBox="0 0 320 512"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M182.6 137.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8H288c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-128-128z"
-    fill="currentColor"
-  />
-</svg>
-`;
diff --git a/test/visits/charts/__snapshots__/DoughnutChart.test.tsx.snap b/test/visits/charts/__snapshots__/DoughnutChart.test.tsx.snap
index 2cbe79aa..38e5c847 100644
--- a/test/visits/charts/__snapshots__/DoughnutChart.test.tsx.snap
+++ b/test/visits/charts/__snapshots__/DoughnutChart.test.tsx.snap
@@ -23,27 +23,3 @@ exports[`<DoughnutChart /> > renders Doughnut with expected props 1`] = `
   },
 ]
 `;
-
-exports[`<DoughnutChart /> renders Doughnut with expected props 1`] = `
-[
-  {
-    "props": {
-      "a": 1,
-      "b": 0,
-      "c": 0,
-      "d": 1,
-      "e": 0,
-      "f": 0,
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "setTransform",
-  },
-]
-`;
diff --git a/test/visits/charts/__snapshots__/HorizontalBarChart.test.tsx.snap b/test/visits/charts/__snapshots__/HorizontalBarChart.test.tsx.snap
index 7d7beed3..b5720c3b 100644
--- a/test/visits/charts/__snapshots__/HorizontalBarChart.test.tsx.snap
+++ b/test/visits/charts/__snapshots__/HorizontalBarChart.test.tsx.snap
@@ -519,523 +519,3 @@ exports[`<HorizontalBarChart /> > renders chart with expected canvas 3`] = `
   },
 ]
 `;
-
-exports[`<HorizontalBarChart /> renders chart with expected canvas 1`] = `
-[
-  {
-    "props": {
-      "a": 1,
-      "b": 0,
-      "c": 0,
-      "d": 1,
-      "e": 0,
-      "f": 0,
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "setTransform",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "foo",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "bar",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "0",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "500",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-]
-`;
-
-exports[`<HorizontalBarChart /> renders chart with expected canvas 2`] = `
-[
-  {
-    "props": {
-      "a": 1,
-      "b": 0,
-      "c": 0,
-      "d": 1,
-      "e": 0,
-      "f": 0,
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "setTransform",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "one",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "two",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "0",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "200,000",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-]
-`;
-
-exports[`<HorizontalBarChart /> renders chart with expected canvas 3`] = `
-[
-  {
-    "props": {
-      "a": 1,
-      "b": 0,
-      "c": 0,
-      "d": 1,
-      "e": 0,
-      "f": 0,
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "setTransform",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "one",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "two",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "max",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "0",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "200,000",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-]
-`;
diff --git a/test/visits/charts/__snapshots__/LineChartCard.test.tsx.snap b/test/visits/charts/__snapshots__/LineChartCard.test.tsx.snap
index a385f471..cb71bd2c 100644
--- a/test/visits/charts/__snapshots__/LineChartCard.test.tsx.snap
+++ b/test/visits/charts/__snapshots__/LineChartCard.test.tsx.snap
@@ -459,463 +459,3 @@ exports[`<LineChartCard /> > renders chart with expected data 4`] = `
   },
 ]
 `;
-
-exports[`<LineChartCard /> renders chart with expected data 1`] = `
-[
-  {
-    "props": {
-      "a": 1,
-      "b": 0,
-      "c": 0,
-      "d": 1,
-      "e": 0,
-      "f": 0,
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "setTransform",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "0",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "1",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-]
-`;
-
-exports[`<LineChartCard /> renders chart with expected data 2`] = `
-[
-  {
-    "props": {
-      "a": 1,
-      "b": 0,
-      "c": 0,
-      "d": 1,
-      "e": 0,
-      "f": 0,
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "setTransform",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "0",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "1",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-]
-`;
-
-exports[`<LineChartCard /> renders chart with expected data 3`] = `
-[
-  {
-    "props": {
-      "a": 1,
-      "b": 0,
-      "c": 0,
-      "d": 1,
-      "e": 0,
-      "f": 0,
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "setTransform",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "0",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "1",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "2016-04",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-]
-`;
-
-exports[`<LineChartCard /> renders chart with expected data 4`] = `
-[
-  {
-    "props": {
-      "a": 1,
-      "b": 0,
-      "c": 0,
-      "d": 1,
-      "e": 0,
-      "f": 0,
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "setTransform",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "0",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "1",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-  {
-    "props": {
-      "text": "2016-04",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "measureText",
-  },
-  {
-    "props": {
-      "value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
-    },
-    "transform": [
-      1,
-      0,
-      0,
-      1,
-      0,
-      0,
-    ],
-    "type": "font",
-  },
-]
-`;
diff --git a/test/visits/charts/__snapshots__/SortableBarChartCard.test.tsx.snap b/test/visits/charts/__snapshots__/SortableBarChartCard.test.tsx.snap
index ae4bf902..1b4f4d51 100644
--- a/test/visits/charts/__snapshots__/SortableBarChartCard.test.tsx.snap
+++ b/test/visits/charts/__snapshots__/SortableBarChartCard.test.tsx.snap
@@ -1229,1233 +1229,3 @@ exports[`<SortableBarChartCard /> > renders stats unchanged when no ordering is
   </div>
 </div>
 `;
-
-exports[`<SortableBarChartCard /> renders properly ordered stats when ordering is set 1`] = `
-<div
-  class="card"
-  role="document"
->
-  <div
-    class="chart-card__header card-header"
-  >
-    Foo
-    <div
-      class="float-end"
-    >
-      <div
-        class="dropdown"
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="btn-sm p-0 dropdown-toggle btn btn-link"
-          type="button"
-        >
-          Order by
-        </button>
-        <div
-          aria-hidden="true"
-          class="w-100 ordering-dropdown__menu--link dropdown-menu dropdown-menu-end"
-          role="menu"
-          tabindex="-1"
-        >
-          <button
-            class="dropdown-item active"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            Name
-            <svg
-              aria-hidden="true"
-              class="svg-inline--fa fa-arrow-up-wide-short ordering-dropdown__sort-icon"
-              data-icon="arrow-up-wide-short"
-              data-prefix="fas"
-              focusable="false"
-              role="img"
-              viewBox="0 0 576 512"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M151.6 42.4C145.5 35.8 137 32 128 32s-17.5 3.8-23.6 10.4l-88 96c-11.9 13-11.1 33.3 2 45.2s33.3 11.1 45.2-2L96 146.3V448c0 17.7 14.3 32 32 32s32-14.3 32-32V146.3l32.4 35.4c11.9 13 32.2 13.9 45.2 2s13.9-32.2 2-45.2l-88-96zM320 480h32c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128H544c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32s14.3 32 32 32z"
-                fill="currentColor"
-              />
-            </svg>
-          </button>
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            Amount
-          </button>
-          <div
-            class="dropdown-divider"
-            tabindex="-1"
-          />
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <i>
-              Clear selection
-            </i>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="card-body"
-  >
-    <canvas
-      height="0"
-      role="img"
-      style="display: block; box-sizing: border-box; height: 0px; width: 0px;"
-      width="0"
-    />
-  </div>
-</div>
-`;
-
-exports[`<SortableBarChartCard /> renders properly ordered stats when ordering is set 2`] = `
-<div
-  class="card"
-  role="document"
->
-  <div
-    class="chart-card__header card-header"
-  >
-    Foo
-    <div
-      class="float-end"
-    >
-      <div
-        class="dropdown"
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="btn-sm p-0 dropdown-toggle btn btn-link"
-          type="button"
-        >
-          Order by
-        </button>
-        <div
-          aria-hidden="true"
-          class="w-100 ordering-dropdown__menu--link dropdown-menu dropdown-menu-end"
-          role="menu"
-          tabindex="-1"
-        >
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            Name
-          </button>
-          <button
-            class="dropdown-item active"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            Amount
-            <svg
-              aria-hidden="true"
-              class="svg-inline--fa fa-arrow-up-wide-short ordering-dropdown__sort-icon"
-              data-icon="arrow-up-wide-short"
-              data-prefix="fas"
-              focusable="false"
-              role="img"
-              viewBox="0 0 576 512"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M151.6 42.4C145.5 35.8 137 32 128 32s-17.5 3.8-23.6 10.4l-88 96c-11.9 13-11.1 33.3 2 45.2s33.3 11.1 45.2-2L96 146.3V448c0 17.7 14.3 32 32 32s32-14.3 32-32V146.3l32.4 35.4c11.9 13 32.2 13.9 45.2 2s13.9-32.2 2-45.2l-88-96zM320 480h32c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128H544c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32s14.3 32 32 32z"
-                fill="currentColor"
-              />
-            </svg>
-          </button>
-          <div
-            class="dropdown-divider"
-            tabindex="-1"
-          />
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <i>
-              Clear selection
-            </i>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="card-body"
-  >
-    <canvas
-      height="0"
-      role="img"
-      style="display: block; box-sizing: border-box; height: 0px; width: 0px;"
-      width="0"
-    />
-  </div>
-</div>
-`;
-
-exports[`<SortableBarChartCard /> renders properly ordered stats when ordering is set 3`] = `
-<div
-  class="card"
-  role="document"
->
-  <div
-    class="chart-card__header card-header"
-  >
-    Foo
-    <div
-      class="float-end"
-    >
-      <div
-        class="dropdown"
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="btn-sm p-0 dropdown-toggle btn btn-link"
-          type="button"
-        >
-          Order by
-        </button>
-        <div
-          aria-hidden="true"
-          class="w-100 ordering-dropdown__menu--link dropdown-menu dropdown-menu-end"
-          role="menu"
-          tabindex="-1"
-        >
-          <button
-            class="dropdown-item active"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            Name
-            <svg
-              aria-hidden="true"
-              class="svg-inline--fa fa-arrow-up-wide-short ordering-dropdown__sort-icon"
-              data-icon="arrow-up-wide-short"
-              data-prefix="fas"
-              focusable="false"
-              role="img"
-              viewBox="0 0 576 512"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M151.6 42.4C145.5 35.8 137 32 128 32s-17.5 3.8-23.6 10.4l-88 96c-11.9 13-11.1 33.3 2 45.2s33.3 11.1 45.2-2L96 146.3V448c0 17.7 14.3 32 32 32s32-14.3 32-32V146.3l32.4 35.4c11.9 13 32.2 13.9 45.2 2s13.9-32.2 2-45.2l-88-96zM320 480h32c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128H544c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32s14.3 32 32 32z"
-                fill="currentColor"
-              />
-            </svg>
-          </button>
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            Amount
-          </button>
-          <div
-            class="dropdown-divider"
-            tabindex="-1"
-          />
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <i>
-              Clear selection
-            </i>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="card-body"
-  >
-    <canvas
-      height="0"
-      role="img"
-      style="display: block; box-sizing: border-box; height: 0px; width: 0px;"
-      width="0"
-    />
-  </div>
-</div>
-`;
-
-exports[`<SortableBarChartCard /> renders properly ordered stats when ordering is set 4`] = `
-<div
-  class="card"
-  role="document"
->
-  <div
-    class="chart-card__header card-header"
-  >
-    Foo
-    <div
-      class="float-end"
-    >
-      <div
-        class="dropdown"
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="btn-sm p-0 dropdown-toggle btn btn-link"
-          type="button"
-        >
-          Order by
-        </button>
-        <div
-          aria-hidden="true"
-          class="w-100 ordering-dropdown__menu--link dropdown-menu dropdown-menu-end"
-          role="menu"
-          tabindex="-1"
-        >
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            Name
-          </button>
-          <button
-            class="dropdown-item active"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            Amount
-            <svg
-              aria-hidden="true"
-              class="svg-inline--fa fa-arrow-up-wide-short ordering-dropdown__sort-icon"
-              data-icon="arrow-up-wide-short"
-              data-prefix="fas"
-              focusable="false"
-              role="img"
-              viewBox="0 0 576 512"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M151.6 42.4C145.5 35.8 137 32 128 32s-17.5 3.8-23.6 10.4l-88 96c-11.9 13-11.1 33.3 2 45.2s33.3 11.1 45.2-2L96 146.3V448c0 17.7 14.3 32 32 32s32-14.3 32-32V146.3l32.4 35.4c11.9 13 32.2 13.9 45.2 2s13.9-32.2 2-45.2l-88-96zM320 480h32c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32s14.3 32 32 32zm0-128H544c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32s14.3 32 32 32z"
-                fill="currentColor"
-              />
-            </svg>
-          </button>
-          <div
-            class="dropdown-divider"
-            tabindex="-1"
-          />
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <i>
-              Clear selection
-            </i>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="card-body"
-  >
-    <canvas
-      height="0"
-      role="img"
-      style="display: block; box-sizing: border-box; height: 0px; width: 0px;"
-      width="0"
-    />
-  </div>
-</div>
-`;
-
-exports[`<SortableBarChartCard /> renders properly paginated stats when pagination is set 1`] = `
-<div
-  class="card"
-  role="document"
->
-  <div
-    class="chart-card__header card-header"
-  >
-    Foo
-    <div
-      class="float-end"
-    >
-      <div
-        class="dropdown"
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="btn-sm p-0 dropdown-toggle btn btn-link"
-          type="button"
-        >
-          Order by
-        </button>
-        <div
-          aria-hidden="true"
-          class="w-100 ordering-dropdown__menu--link dropdown-menu dropdown-menu-end"
-          role="menu"
-          tabindex="-1"
-        >
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            Name
-          </button>
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            Amount
-          </button>
-          <div
-            class="dropdown-divider"
-            tabindex="-1"
-          />
-          <button
-            class="disabled dropdown-item"
-            disabled=""
-            tabindex="-1"
-            type="button"
-          >
-            <i>
-              Clear selection
-            </i>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="float-end"
-    >
-      <div
-        class="dropdown"
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="btn-sm p-0 me-3 dropdown-toggle btn btn-link"
-          type="button"
-        >
-          Paginate
-        </button>
-        <div
-          aria-hidden="true"
-          class="dropdown-menu dropdown-menu-end"
-          role="menu"
-          tabindex="-1"
-        >
-          <button
-            class="dropdown-item active"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <b>
-              50
-            </b>
-             items per page
-          </button>
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <b>
-              100
-            </b>
-             items per page
-          </button>
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <b>
-              200
-            </b>
-             items per page
-          </button>
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <b>
-              500
-            </b>
-             items per page
-          </button>
-          <div
-            class="dropdown-divider"
-            tabindex="-1"
-          />
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <i>
-              Clear pagination
-            </i>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="card-body"
-  >
-    <canvas
-      height="0"
-      role="img"
-      style="display: block; box-sizing: border-box; height: 0px; width: 0px;"
-      width="0"
-    />
-  </div>
-  <div
-    class="chart-card__footer--sticky card-footer"
-  >
-    <nav
-      aria-label="pagination"
-      class=""
-    >
-      <ul
-        class="flex-wrap mb-0 simple-paginator justify-content-center pagination"
-      >
-        <li
-          class="page-item disabled"
-        >
-          <span
-            aria-label="Previous"
-            class="page-link"
-          >
-            <span
-              aria-hidden="true"
-            >
-              ‹
-            </span>
-            <span
-              class="visually-hidden"
-            >
-              Previous
-            </span>
-          </span>
-        </li>
-        <li
-          class="page-item active"
-        >
-          <span
-            class="page-link"
-            role="link"
-          >
-            1
-          </span>
-        </li>
-        <li
-          class="page-item"
-        >
-          <span
-            class="page-link"
-            role="link"
-          >
-            2
-          </span>
-        </li>
-        <li
-          class="page-item"
-        >
-          <span
-            class="page-link"
-            role="link"
-          >
-            3
-          </span>
-        </li>
-        <li
-          class="page-item"
-        >
-          <span
-            class="page-link"
-            role="link"
-          >
-            4
-          </span>
-        </li>
-        <li
-          class="page-item"
-        >
-          <span
-            aria-label="Next"
-            class="page-link"
-          >
-            <span
-              aria-hidden="true"
-            >
-              ›
-            </span>
-            <span
-              class="visually-hidden"
-            >
-              Next
-            </span>
-          </span>
-        </li>
-      </ul>
-    </nav>
-  </div>
-</div>
-`;
-
-exports[`<SortableBarChartCard /> renders properly paginated stats when pagination is set 2`] = `
-<div
-  class="card"
-  role="document"
->
-  <div
-    class="chart-card__header card-header"
-  >
-    Foo
-    <div
-      class="float-end"
-    >
-      <div
-        class="dropdown"
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="btn-sm p-0 dropdown-toggle btn btn-link"
-          type="button"
-        >
-          Order by
-        </button>
-        <div
-          aria-hidden="true"
-          class="w-100 ordering-dropdown__menu--link dropdown-menu dropdown-menu-end"
-          role="menu"
-          tabindex="-1"
-        >
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            Name
-          </button>
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            Amount
-          </button>
-          <div
-            class="dropdown-divider"
-            tabindex="-1"
-          />
-          <button
-            class="disabled dropdown-item"
-            disabled=""
-            tabindex="-1"
-            type="button"
-          >
-            <i>
-              Clear selection
-            </i>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="float-end"
-    >
-      <div
-        class="dropdown"
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="btn-sm p-0 me-3 dropdown-toggle btn btn-link"
-          type="button"
-        >
-          Paginate
-        </button>
-        <div
-          aria-hidden="true"
-          class="dropdown-menu dropdown-menu-end"
-          role="menu"
-          tabindex="-1"
-        >
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <b>
-              50
-            </b>
-             items per page
-          </button>
-          <button
-            class="dropdown-item active"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <b>
-              100
-            </b>
-             items per page
-          </button>
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <b>
-              200
-            </b>
-             items per page
-          </button>
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <b>
-              500
-            </b>
-             items per page
-          </button>
-          <div
-            class="dropdown-divider"
-            tabindex="-1"
-          />
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <i>
-              Clear pagination
-            </i>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="card-body"
-  >
-    <canvas
-      height="0"
-      role="img"
-      style="display: block; box-sizing: border-box; height: 0px; width: 0px;"
-      width="0"
-    />
-  </div>
-  <div
-    class="chart-card__footer--sticky card-footer"
-  >
-    <nav
-      aria-label="pagination"
-      class=""
-    >
-      <ul
-        class="flex-wrap mb-0 simple-paginator justify-content-center pagination"
-      >
-        <li
-          class="page-item disabled"
-        >
-          <span
-            aria-label="Previous"
-            class="page-link"
-          >
-            <span
-              aria-hidden="true"
-            >
-              ‹
-            </span>
-            <span
-              class="visually-hidden"
-            >
-              Previous
-            </span>
-          </span>
-        </li>
-        <li
-          class="page-item active"
-        >
-          <span
-            class="page-link"
-            role="link"
-          >
-            1
-          </span>
-        </li>
-        <li
-          class="page-item"
-        >
-          <span
-            class="page-link"
-            role="link"
-          >
-            2
-          </span>
-        </li>
-        <li
-          class="page-item"
-        >
-          <span
-            aria-label="Next"
-            class="page-link"
-          >
-            <span
-              aria-hidden="true"
-            >
-              ›
-            </span>
-            <span
-              class="visually-hidden"
-            >
-              Next
-            </span>
-          </span>
-        </li>
-      </ul>
-    </nav>
-  </div>
-</div>
-`;
-
-exports[`<SortableBarChartCard /> renders properly paginated stats when pagination is set 3`] = `
-<div
-  class="card"
-  role="document"
->
-  <div
-    class="chart-card__header card-header"
-  >
-    Foo
-    <div
-      class="float-end"
-    >
-      <div
-        class="dropdown"
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="btn-sm p-0 dropdown-toggle btn btn-link"
-          type="button"
-        >
-          Order by
-        </button>
-        <div
-          aria-hidden="true"
-          class="w-100 ordering-dropdown__menu--link dropdown-menu dropdown-menu-end"
-          role="menu"
-          tabindex="-1"
-        >
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            Name
-          </button>
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            Amount
-          </button>
-          <div
-            class="dropdown-divider"
-            tabindex="-1"
-          />
-          <button
-            class="disabled dropdown-item"
-            disabled=""
-            tabindex="-1"
-            type="button"
-          >
-            <i>
-              Clear selection
-            </i>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="float-end"
-    >
-      <div
-        class="dropdown"
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="btn-sm p-0 me-3 dropdown-toggle btn btn-link"
-          type="button"
-        >
-          Paginate
-        </button>
-        <div
-          aria-hidden="true"
-          class="dropdown-menu dropdown-menu-end"
-          role="menu"
-          tabindex="-1"
-        >
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <b>
-              50
-            </b>
-             items per page
-          </button>
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <b>
-              100
-            </b>
-             items per page
-          </button>
-          <button
-            class="dropdown-item active"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <b>
-              200
-            </b>
-             items per page
-          </button>
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <b>
-              500
-            </b>
-             items per page
-          </button>
-          <div
-            class="dropdown-divider"
-            tabindex="-1"
-          />
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <i>
-              Clear pagination
-            </i>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="card-body"
-  >
-    <canvas
-      height="0"
-      role="img"
-      style="display: block; box-sizing: border-box; height: 0px; width: 0px;"
-      width="0"
-    />
-  </div>
-</div>
-`;
-
-exports[`<SortableBarChartCard /> renders properly paginated stats when pagination is set 4`] = `
-<div
-  class="card"
-  role="document"
->
-  <div
-    class="chart-card__header card-header"
-  >
-    Foo
-    <div
-      class="float-end"
-    >
-      <div
-        class="dropdown"
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="btn-sm p-0 dropdown-toggle btn btn-link"
-          type="button"
-        >
-          Order by
-        </button>
-        <div
-          aria-hidden="true"
-          class="w-100 ordering-dropdown__menu--link dropdown-menu dropdown-menu-end"
-          role="menu"
-          tabindex="-1"
-        >
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            Name
-          </button>
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            Amount
-          </button>
-          <div
-            class="dropdown-divider"
-            tabindex="-1"
-          />
-          <button
-            class="disabled dropdown-item"
-            disabled=""
-            tabindex="-1"
-            type="button"
-          >
-            <i>
-              Clear selection
-            </i>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="float-end"
-    >
-      <div
-        class="dropdown"
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="btn-sm p-0 me-3 dropdown-toggle btn btn-link"
-          type="button"
-        >
-          Paginate
-        </button>
-        <div
-          aria-hidden="true"
-          class="dropdown-menu dropdown-menu-end"
-          role="menu"
-          tabindex="-1"
-        >
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <b>
-              50
-            </b>
-             items per page
-          </button>
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <b>
-              100
-            </b>
-             items per page
-          </button>
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <b>
-              200
-            </b>
-             items per page
-          </button>
-          <button
-            class="dropdown-item active"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <b>
-              500
-            </b>
-             items per page
-          </button>
-          <div
-            class="dropdown-divider"
-            tabindex="-1"
-          />
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            <i>
-              Clear pagination
-            </i>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="card-body"
-  >
-    <canvas
-      height="0"
-      role="img"
-      style="display: block; box-sizing: border-box; height: 0px; width: 0px;"
-      width="0"
-    />
-  </div>
-</div>
-`;
-
-exports[`<SortableBarChartCard /> renders stats unchanged when no ordering is set 1`] = `
-<div
-  class="card"
-  role="document"
->
-  <div
-    class="chart-card__header card-header"
-  >
-    Foo
-    <div
-      class="float-end"
-    >
-      <div
-        class="dropdown"
-      >
-        <button
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="btn-sm p-0 dropdown-toggle btn btn-link"
-          type="button"
-        >
-          Order by
-        </button>
-        <div
-          aria-hidden="true"
-          class="w-100 ordering-dropdown__menu--link dropdown-menu dropdown-menu-end"
-          role="menu"
-          tabindex="-1"
-        >
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            Name
-          </button>
-          <button
-            class="dropdown-item"
-            role="menuitem"
-            tabindex="0"
-            type="button"
-          >
-            Amount
-          </button>
-          <div
-            class="dropdown-divider"
-            tabindex="-1"
-          />
-          <button
-            class="disabled dropdown-item"
-            disabled=""
-            tabindex="-1"
-            type="button"
-          >
-            <i>
-              Clear selection
-            </i>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="card-body"
-  >
-    <canvas
-      height="0"
-      role="img"
-      style="display: block; box-sizing: border-box; height: 0px; width: 0px;"
-      width="0"
-    />
-  </div>
-</div>
-`;
diff --git a/test/visits/helpers/__snapshots__/MapModal.test.tsx.snap b/test/visits/helpers/__snapshots__/MapModal.test.tsx.snap
index 6492c497..fc0a83e9 100644
--- a/test/visits/helpers/__snapshots__/MapModal.test.tsx.snap
+++ b/test/visits/helpers/__snapshots__/MapModal.test.tsx.snap
@@ -181,185 +181,3 @@ exports[`<MapModal /> > renders expected map 1`] = `
   </div>
 </div>
 `;
-
-exports[`<MapModal /> renders expected map 1`] = `
-<div
-  class="modal fade"
-  role="dialog"
-  style="display: block;"
-  tabindex="-1"
->
-  <div
-    class="modal-dialog map-modal__modal"
-    role="document"
-  >
-    <div
-      class="modal-content map-modal__modal-content"
-    >
-      <div
-        class="map-modal__modal-body modal-body"
-      >
-        <h3
-          class="map-modal__modal-title"
-        >
-          Foobar
-          <button
-            aria-label="Close"
-            class="btn-close float-end"
-            type="button"
-          />
-        </h3>
-        <div
-          class="leaflet-container leaflet-touch leaflet-grab leaflet-touch-drag leaflet-touch-zoom"
-          style="position: relative;"
-          tabindex="0"
-        >
-          <div
-            class="leaflet-pane leaflet-map-pane"
-            style="left: 0px; top: 0px;"
-          >
-            <div
-              class="leaflet-pane leaflet-tile-pane"
-            >
-              <div
-                class="leaflet-layer "
-                style="z-index: 1;"
-              >
-                <div
-                  class="leaflet-tile-container leaflet-zoom-animated"
-                  style="z-index: 18; left: 0px; top: 0px;"
-                >
-                  <img
-                    alt=""
-                    class="leaflet-tile"
-                    src="https://a.tile.openstreetmap.org/0/0/0.png"
-                    style="width: 256px; height: 256px; left: -101px; top: -96px;"
-                  />
-                </div>
-              </div>
-            </div>
-            <div
-              class="leaflet-pane leaflet-overlay-pane"
-            />
-            <div
-              class="leaflet-pane leaflet-shadow-pane"
-            >
-              <img
-                alt=""
-                class="leaflet-marker-shadow leaflet-zoom-hide"
-                src="marker-shadow.png"
-                style="margin-left: -12px; margin-top: -41px; width: 41px; height: 41px; left: 26px; top: -1px;"
-              />
-              <img
-                alt=""
-                class="leaflet-marker-shadow leaflet-zoom-hide"
-                src="marker-shadow.png"
-                style="margin-left: -12px; margin-top: -41px; width: 41px; height: 41px; left: -26px; top: 0px;"
-              />
-            </div>
-            <div
-              class="leaflet-pane leaflet-marker-pane"
-            >
-              <img
-                alt="Marker"
-                class="leaflet-marker-icon leaflet-zoom-hide leaflet-interactive"
-                role="button"
-                src="marker-icon.png"
-                style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; left: 26px; top: -1px; z-index: -1;"
-                tabindex="0"
-              />
-              <img
-                alt="Marker"
-                class="leaflet-marker-icon leaflet-zoom-hide leaflet-interactive"
-                role="button"
-                src="marker-icon.png"
-                style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; left: -26px; top: 0px; z-index: 0;"
-                tabindex="0"
-              />
-            </div>
-            <div
-              class="leaflet-pane leaflet-tooltip-pane"
-            />
-            <div
-              class="leaflet-pane leaflet-popup-pane"
-            />
-          </div>
-          <div
-            class="leaflet-control-container"
-          >
-            <div
-              class="leaflet-top leaflet-left"
-            >
-              <div
-                class="leaflet-control-zoom leaflet-bar leaflet-control"
-              >
-                <a
-                  aria-disabled="false"
-                  aria-label="Zoom in"
-                  class="leaflet-control-zoom-in"
-                  href="#"
-                  role="button"
-                  title="Zoom in"
-                >
-                  <span
-                    aria-hidden="true"
-                  >
-                    +
-                  </span>
-                </a>
-                <a
-                  aria-disabled="true"
-                  aria-label="Zoom out"
-                  class="leaflet-control-zoom-out leaflet-disabled"
-                  href="#"
-                  role="button"
-                  title="Zoom out"
-                >
-                  <span
-                    aria-hidden="true"
-                  >
-                    −
-                  </span>
-                </a>
-              </div>
-            </div>
-            <div
-              class="leaflet-top leaflet-right"
-            />
-            <div
-              class="leaflet-bottom leaflet-left"
-            />
-            <div
-              class="leaflet-bottom leaflet-right"
-            >
-              <div
-                class="leaflet-control-attribution leaflet-control"
-              >
-                <a
-                  href="https://leafletjs.com"
-                  title="A JavaScript library for interactive maps"
-                >
-                  Leaflet
-                </a>
-                 
-                <span
-                  aria-hidden="true"
-                >
-                  |
-                </span>
-                 © 
-                <a
-                  href="https://osm.org/copyright"
-                >
-                  OpenStreetMap
-                </a>
-                 contributors
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/test/visits/helpers/__snapshots__/OpenMapModalBtn.test.tsx.snap b/test/visits/helpers/__snapshots__/OpenMapModalBtn.test.tsx.snap
index 2fde3198..46a59c12 100644
--- a/test/visits/helpers/__snapshots__/OpenMapModalBtn.test.tsx.snap
+++ b/test/visits/helpers/__snapshots__/OpenMapModalBtn.test.tsx.snap
@@ -349,353 +349,3 @@ exports[`<OpenMapModalBtn /> > filters out non-active cities from list of locati
   </div>
 </div>
 `;
-
-exports[`<OpenMapModalBtn /> filters out non-active cities from list of locations 1`] = `
-<div
-  class="modal fade"
-  role="dialog"
-  style="display: block;"
-  tabindex="-1"
->
-  <div
-    class="modal-dialog map-modal__modal"
-    role="document"
-  >
-    <div
-      class="modal-content map-modal__modal-content"
-    >
-      <div
-        class="map-modal__modal-body modal-body"
-      >
-        <h3
-          class="map-modal__modal-title"
-        >
-          Foo
-          <button
-            aria-label="Close"
-            class="btn-close float-end"
-            type="button"
-          />
-        </h3>
-        <div
-          class="leaflet-container leaflet-touch leaflet-grab leaflet-touch-drag leaflet-touch-zoom"
-          style="position: relative;"
-          tabindex="0"
-        >
-          <div
-            class="leaflet-pane leaflet-map-pane"
-            style="left: 0px; top: 0px;"
-          >
-            <div
-              class="leaflet-pane leaflet-tile-pane"
-            >
-              <div
-                class="leaflet-layer "
-                style="z-index: 1;"
-              >
-                <div
-                  class="leaflet-tile-container leaflet-zoom-animated"
-                  style="z-index: 18; left: 0px; top: 0px;"
-                >
-                  <img
-                    alt=""
-                    class="leaflet-tile"
-                    src="https://a.tile.openstreetmap.org/0/0/0.png"
-                    style="width: 256px; height: 256px; left: -161px; top: -62px;"
-                  />
-                </div>
-              </div>
-            </div>
-            <div
-              class="leaflet-pane leaflet-overlay-pane"
-            />
-            <div
-              class="leaflet-pane leaflet-shadow-pane"
-            >
-              <img
-                alt=""
-                class="leaflet-marker-shadow leaflet-zoom-hide"
-                src="marker-shadow.png"
-                style="margin-left: -12px; margin-top: -41px; width: 41px; height: 41px; left: -29px; top: 62px;"
-              />
-              <img
-                alt=""
-                class="leaflet-marker-shadow leaflet-zoom-hide"
-                src="marker-shadow.png"
-                style="margin-left: -12px; margin-top: -41px; width: 41px; height: 41px; left: 30px; top: -62px;"
-              />
-            </div>
-            <div
-              class="leaflet-pane leaflet-marker-pane"
-            >
-              <img
-                alt="Marker"
-                class="leaflet-marker-icon leaflet-zoom-hide leaflet-interactive"
-                role="button"
-                src="marker-icon.png"
-                style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; left: -29px; top: 62px; z-index: 62;"
-                tabindex="0"
-              />
-              <img
-                alt="Marker"
-                class="leaflet-marker-icon leaflet-zoom-hide leaflet-interactive"
-                role="button"
-                src="marker-icon.png"
-                style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; left: 30px; top: -62px; z-index: -62;"
-                tabindex="0"
-              />
-            </div>
-            <div
-              class="leaflet-pane leaflet-tooltip-pane"
-            />
-            <div
-              class="leaflet-pane leaflet-popup-pane"
-            />
-          </div>
-          <div
-            class="leaflet-control-container"
-          >
-            <div
-              class="leaflet-top leaflet-left"
-            >
-              <div
-                class="leaflet-control-zoom leaflet-bar leaflet-control"
-              >
-                <a
-                  aria-disabled="false"
-                  aria-label="Zoom in"
-                  class="leaflet-control-zoom-in"
-                  href="#"
-                  role="button"
-                  title="Zoom in"
-                >
-                  <span
-                    aria-hidden="true"
-                  >
-                    +
-                  </span>
-                </a>
-                <a
-                  aria-disabled="true"
-                  aria-label="Zoom out"
-                  class="leaflet-control-zoom-out leaflet-disabled"
-                  href="#"
-                  role="button"
-                  title="Zoom out"
-                >
-                  <span
-                    aria-hidden="true"
-                  >
-                    −
-                  </span>
-                </a>
-              </div>
-            </div>
-            <div
-              class="leaflet-top leaflet-right"
-            />
-            <div
-              class="leaflet-bottom leaflet-left"
-            />
-            <div
-              class="leaflet-bottom leaflet-right"
-            >
-              <div
-                class="leaflet-control-attribution leaflet-control"
-              >
-                <a
-                  href="https://leafletjs.com"
-                  title="A JavaScript library for interactive maps"
-                >
-                  Leaflet
-                </a>
-                 
-                <span
-                  aria-hidden="true"
-                >
-                  |
-                </span>
-                 © 
-                <a
-                  href="https://osm.org/copyright"
-                >
-                  OpenStreetMap
-                </a>
-                 contributors
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<OpenMapModalBtn /> filters out non-active cities from list of locations 2`] = `
-<div
-  class="modal fade"
-  role="dialog"
-  style="display: block;"
-  tabindex="-1"
->
-  <div
-    class="modal-dialog map-modal__modal"
-    role="document"
-  >
-    <div
-      class="modal-content map-modal__modal-content"
-    >
-      <div
-        class="map-modal__modal-body modal-body"
-      >
-        <h3
-          class="map-modal__modal-title"
-        >
-          Foo
-          <button
-            aria-label="Close"
-            class="btn-close float-end"
-            type="button"
-          />
-        </h3>
-        <div
-          class="leaflet-container leaflet-touch leaflet-grab leaflet-touch-drag leaflet-touch-zoom"
-          style="position: relative;"
-          tabindex="0"
-        >
-          <div
-            class="leaflet-pane leaflet-map-pane"
-            style="left: 0px; top: 0px;"
-          >
-            <div
-              class="leaflet-pane leaflet-tile-pane"
-            >
-              <div
-                class="leaflet-layer "
-                style="z-index: 1;"
-              >
-                <div
-                  class="leaflet-tile-container leaflet-zoom-animated"
-                  style="z-index: 18; left: 0px; top: 0px;"
-                >
-                  <img
-                    alt=""
-                    class="leaflet-tile"
-                    src="https://a.tile.openstreetmap.org/10/762/0.png"
-                    style="width: 256px; height: 256px; left: -80px; top: 0px;"
-                  />
-                </div>
-              </div>
-            </div>
-            <div
-              class="leaflet-pane leaflet-overlay-pane"
-            />
-            <div
-              class="leaflet-pane leaflet-shadow-pane"
-            >
-              <img
-                alt=""
-                class="leaflet-marker-shadow leaflet-zoom-hide"
-                src="marker-shadow.png"
-                style="margin-left: -12px; margin-top: -41px; width: 41px; height: 41px; left: 0px; top: 0px;"
-              />
-            </div>
-            <div
-              class="leaflet-pane leaflet-marker-pane"
-            >
-              <img
-                alt="Marker"
-                class="leaflet-marker-icon leaflet-zoom-hide leaflet-interactive"
-                role="button"
-                src="marker-icon.png"
-                style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; left: 0px; top: 0px; z-index: 0;"
-                tabindex="0"
-              />
-            </div>
-            <div
-              class="leaflet-pane leaflet-tooltip-pane"
-            />
-            <div
-              class="leaflet-pane leaflet-popup-pane"
-            />
-          </div>
-          <div
-            class="leaflet-control-container"
-          >
-            <div
-              class="leaflet-top leaflet-left"
-            >
-              <div
-                class="leaflet-control-zoom leaflet-bar leaflet-control"
-              >
-                <a
-                  aria-disabled="false"
-                  aria-label="Zoom in"
-                  class="leaflet-control-zoom-in"
-                  href="#"
-                  role="button"
-                  title="Zoom in"
-                >
-                  <span
-                    aria-hidden="true"
-                  >
-                    +
-                  </span>
-                </a>
-                <a
-                  aria-disabled="false"
-                  aria-label="Zoom out"
-                  class="leaflet-control-zoom-out"
-                  href="#"
-                  role="button"
-                  title="Zoom out"
-                >
-                  <span
-                    aria-hidden="true"
-                  >
-                    −
-                  </span>
-                </a>
-              </div>
-            </div>
-            <div
-              class="leaflet-top leaflet-right"
-            />
-            <div
-              class="leaflet-bottom leaflet-left"
-            />
-            <div
-              class="leaflet-bottom leaflet-right"
-            >
-              <div
-                class="leaflet-control-attribution leaflet-control"
-              >
-                <a
-                  href="https://leafletjs.com"
-                  title="A JavaScript library for interactive maps"
-                >
-                  Leaflet
-                </a>
-                 
-                <span
-                  aria-hidden="true"
-                >
-                  |
-                </span>
-                 © 
-                <a
-                  href="https://osm.org/copyright"
-                >
-                  OpenStreetMap
-                </a>
-                 contributors
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;