diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-basic-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-basic-linux.png
index bcffc0f006..6b9f552732 100644
Binary files a/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-basic-linux.png and b/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-basic-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-with-thumb-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-with-thumb-linux.png
index c863d58eb6..b398e480c7 100644
Binary files a/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-with-thumb-linux.png and b/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-with-thumb-linux.png differ
diff --git a/packages/shared-components/src/event-tiles/UrlPreviewGroupView/LinkPreview/__snapshots__/LinkPreview.test.tsx.snap b/packages/shared-components/src/event-tiles/UrlPreviewGroupView/LinkPreview/__snapshots__/LinkPreview.test.tsx.snap
deleted file mode 100644
index 1e0d988f1b..0000000000
--- a/packages/shared-components/src/event-tiles/UrlPreviewGroupView/LinkPreview/__snapshots__/LinkPreview.test.tsx.snap
+++ /dev/null
@@ -1,121 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`LinkPreview > renders a preview 1`] = `
-<div>
-  <div
-    class="LinkPreview-module_container"
-  >
-    <div
-      class="LinkPreview-module_wrapImageCaption"
-    >
-      <button
-        aria-label="View image"
-        class="LinkPreview-module_image"
-      >
-        <img
-          alt=""
-          class="LinkPreview-module_thumbnail"
-          src="/static/element.png"
-        />
-      </button>
-      <div
-        class="LinkPreview-module_caption"
-      >
-        <p
-          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
-        >
-          <a
-            class="LinkPreview-module_link"
-            href="https://matrix.org"
-            rel="noreferrer noopener"
-            target="_blank"
-          >
-            A simple title
-          </a>
-          <span
-            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
-          >
-             - Site name
-          </span>
-        </p>
-        <p
-          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
-        >
-          A simple description
-        </p>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`LinkPreview > renders a preview with just a title 1`] = `
-<div>
-  <div
-    class="LinkPreview-module_container"
-  >
-    <div
-      class="LinkPreview-module_wrapImageCaption"
-    >
-      <div
-        class="LinkPreview-module_caption"
-      >
-        <p
-          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
-        >
-          <a
-            class="LinkPreview-module_link"
-            href="https://matrix.org"
-            rel="noreferrer noopener"
-            target="_blank"
-          >
-            A simple title
-          </a>
-        </p>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`LinkPreview > renders a preview with just a title and description 1`] = `
-<div>
-  <div
-    class="LinkPreview-module_container"
-  >
-    <div
-      class="LinkPreview-module_wrapImageCaption"
-    >
-      <div
-        class="LinkPreview-module_caption"
-      >
-        <p
-          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
-        >
-          <a
-            class="LinkPreview-module_link"
-            href="https://matrix.org"
-            rel="noreferrer noopener"
-            target="_blank"
-          >
-            A simple title
-          </a>
-        </p>
-        <p
-          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
-        >
-          A simple description with a link to 
-          <a
-            data-linkified="true"
-            href="https://matrix.org"
-            rel="noreferrer noopener"
-            target="_blank"
-          >
-            https://matrix.org
-          </a>
-        </p>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/packages/shared-components/src/event-tiles/UrlPreviewGroupView/__snapshots__/UrlPreviewGroupView.test.tsx.snap b/packages/shared-components/src/event-tiles/UrlPreviewGroupView/__snapshots__/UrlPreviewGroupView.test.tsx.snap
deleted file mode 100644
index fb9e9494d5..0000000000
--- a/packages/shared-components/src/event-tiles/UrlPreviewGroupView/__snapshots__/UrlPreviewGroupView.test.tsx.snap
+++ /dev/null
@@ -1,492 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`UrlPreviewGroupView > renders a single preview 1`] = `
-<div>
-  <div
-    class="UrlPreviewGroupView-module_wrapper"
-  >
-    <div
-      class="UrlPreviewGroupView-module_previewGroup"
-    >
-      <div
-        class="LinkPreview-module_container"
-      >
-        <div
-          class="LinkPreview-module_wrapImageCaption"
-        >
-          <button
-            aria-label="View image"
-            class="LinkPreview-module_image"
-          >
-            <img
-              alt=""
-              class="LinkPreview-module_thumbnail"
-              src="/static/element.png"
-            />
-          </button>
-          <div
-            class="LinkPreview-module_caption"
-          >
-            <p
-              class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
-            >
-              <a
-                class="LinkPreview-module_link"
-                href="https://matrix.org"
-                rel="noreferrer noopener"
-                target="_blank"
-              >
-                A simple title
-              </a>
-            </p>
-            <p
-              class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
-            >
-              A simple description
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Close preview"
-      class="_icon-button_1215g_8"
-      data-kind="primary"
-      role="button"
-      style="--cpd-icon-button-size: 20px;"
-      tabindex="0"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
-          />
-        </svg>
-      </div>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`UrlPreviewGroupView > renders multiple previews 1`] = `
-<div>
-  <div
-    class="UrlPreviewGroupView-module_wrapper"
-  >
-    <div
-      class="UrlPreviewGroupView-module_previewGroup"
-    >
-      <div
-        class="LinkPreview-module_container"
-      >
-        <div
-          class="LinkPreview-module_wrapImageCaption"
-        >
-          <button
-            aria-label="View image"
-            class="LinkPreview-module_image"
-          >
-            <img
-              alt=""
-              class="LinkPreview-module_thumbnail"
-              src="/static/element.png"
-            />
-          </button>
-          <div
-            class="LinkPreview-module_caption"
-          >
-            <p
-              class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
-            >
-              <a
-                class="LinkPreview-module_link"
-                href="https://matrix.org"
-                rel="noreferrer noopener"
-                target="_blank"
-              >
-                One
-              </a>
-            </p>
-            <p
-              class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
-            >
-              A regular square image.
-            </p>
-          </div>
-        </div>
-      </div>
-      <div
-        class="LinkPreview-module_container"
-      >
-        <div
-          class="LinkPreview-module_wrapImageCaption"
-        >
-          <button
-            aria-label="View image"
-            class="LinkPreview-module_image"
-          >
-            <img
-              alt=""
-              class="LinkPreview-module_thumbnail"
-              src="/static/tallImage.png"
-            />
-          </button>
-          <div
-            class="LinkPreview-module_caption"
-          >
-            <p
-              class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
-            >
-              <a
-                class="LinkPreview-module_link"
-                href="https://matrix.org"
-                rel="noreferrer noopener"
-                target="_blank"
-              >
-                Two
-              </a>
-            </p>
-            <p
-              class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
-            >
-              This one has a taller image which should crop nicely.
-            </p>
-          </div>
-        </div>
-      </div>
-      <div
-        class="LinkPreview-module_container"
-      >
-        <div
-          class="LinkPreview-module_wrapImageCaption"
-        >
-          <button
-            aria-label="View image"
-            class="LinkPreview-module_image"
-          >
-            <img
-              alt=""
-              class="LinkPreview-module_thumbnail"
-              src="/static/element.png"
-            />
-          </button>
-          <div
-            class="LinkPreview-module_caption"
-          >
-            <p
-              class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
-            >
-              <a
-                class="LinkPreview-module_link"
-                href="https://matrix.org"
-                rel="noreferrer noopener"
-                target="_blank"
-              >
-                Three
-              </a>
-            </p>
-            <p
-              class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
-            >
-              One more description
-            </p>
-          </div>
-        </div>
-      </div>
-      <button
-        class="_button_13vu4_8 UrlPreviewGroupView-module_toggleButton"
-        data-kind="tertiary"
-        data-size="sm"
-        role="button"
-        tabindex="0"
-      >
-        Collapse
-      </button>
-    </div>
-    <button
-      aria-label="Close preview"
-      class="_icon-button_1215g_8"
-      data-kind="primary"
-      role="button"
-      style="--cpd-icon-button-size: 20px;"
-      tabindex="0"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
-          />
-        </svg>
-      </div>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`UrlPreviewGroupView > renders multiple previews which are hidden 1`] = `
-<div>
-  <div
-    class="UrlPreviewGroupView-module_wrapper"
-  >
-    <div
-      class="UrlPreviewGroupView-module_previewGroup"
-    >
-      <div
-        class="LinkPreview-module_container"
-      >
-        <div
-          class="LinkPreview-module_wrapImageCaption"
-        >
-          <button
-            aria-label="View image"
-            class="LinkPreview-module_image"
-          >
-            <img
-              alt=""
-              class="LinkPreview-module_thumbnail"
-              src="/static/element.png"
-            />
-          </button>
-          <div
-            class="LinkPreview-module_caption"
-          >
-            <p
-              class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
-            >
-              <a
-                class="LinkPreview-module_link"
-                href="https://matrix.org"
-                rel="noreferrer noopener"
-                target="_blank"
-              >
-                A simple title
-              </a>
-            </p>
-            <p
-              class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
-            >
-              A simple description
-            </p>
-          </div>
-        </div>
-      </div>
-      <button
-        class="_button_13vu4_8 UrlPreviewGroupView-module_toggleButton"
-        data-kind="tertiary"
-        data-size="sm"
-        role="button"
-        tabindex="0"
-      >
-        Show 9 other previews
-      </button>
-    </div>
-    <button
-      aria-label="Close preview"
-      class="_icon-button_1215g_8"
-      data-kind="primary"
-      role="button"
-      style="--cpd-icon-button-size: 20px;"
-      tabindex="0"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
-          />
-        </svg>
-      </div>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`UrlPreviewGroupView > renders with a compact view 1`] = `
-<div>
-  <div
-    class="UrlPreviewGroupView-module_wrapper"
-  >
-    <div
-      class="UrlPreviewGroupView-module_previewGroup UrlPreviewGroupView-module_compactLayout"
-    >
-      <div
-        class="LinkPreview-module_container"
-      >
-        <div
-          class="LinkPreview-module_wrapImageCaption"
-        >
-          <button
-            aria-label="View image"
-            class="LinkPreview-module_image"
-          >
-            <img
-              alt=""
-              class="LinkPreview-module_thumbnail"
-              src="/static/element.png"
-            />
-          </button>
-          <div
-            class="LinkPreview-module_caption"
-          >
-            <p
-              class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
-            >
-              <a
-                class="LinkPreview-module_link"
-                href="https://matrix.org"
-                rel="noreferrer noopener"
-                target="_blank"
-              >
-                One
-              </a>
-            </p>
-            <p
-              class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
-            >
-              A regular square image.
-            </p>
-          </div>
-        </div>
-      </div>
-      <div
-        class="LinkPreview-module_container"
-      >
-        <div
-          class="LinkPreview-module_wrapImageCaption"
-        >
-          <button
-            aria-label="View image"
-            class="LinkPreview-module_image"
-          >
-            <img
-              alt=""
-              class="LinkPreview-module_thumbnail"
-              src="/static/tallImage.png"
-            />
-          </button>
-          <div
-            class="LinkPreview-module_caption"
-          >
-            <p
-              class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
-            >
-              <a
-                class="LinkPreview-module_link"
-                href="https://matrix.org"
-                rel="noreferrer noopener"
-                target="_blank"
-              >
-                Two
-              </a>
-            </p>
-            <p
-              class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
-            >
-              This one has a taller image which should crop nicely.
-            </p>
-          </div>
-        </div>
-      </div>
-      <div
-        class="LinkPreview-module_container"
-      >
-        <div
-          class="LinkPreview-module_wrapImageCaption"
-        >
-          <button
-            aria-label="View image"
-            class="LinkPreview-module_image"
-          >
-            <img
-              alt=""
-              class="LinkPreview-module_thumbnail"
-              src="/static/element.png"
-            />
-          </button>
-          <div
-            class="LinkPreview-module_caption"
-          >
-            <p
-              class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
-            >
-              <a
-                class="LinkPreview-module_link"
-                href="https://matrix.org"
-                rel="noreferrer noopener"
-                target="_blank"
-              >
-                Three
-              </a>
-            </p>
-            <p
-              class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
-            >
-              One more description
-            </p>
-          </div>
-        </div>
-      </div>
-      <button
-        class="_button_13vu4_8 UrlPreviewGroupView-module_toggleButton"
-        data-kind="tertiary"
-        data-size="sm"
-        role="button"
-        tabindex="0"
-      >
-        Collapse
-      </button>
-    </div>
-    <button
-      aria-label="Close preview"
-      class="_icon-button_1215g_8"
-      data-kind="primary"
-      role="button"
-      style="--cpd-icon-button-size: 20px;"
-      tabindex="0"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
-          />
-        </svg>
-      </div>
-    </button>
-  </div>
-</div>
-`;