diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/default-auto.png
index cc5a3aa9b4..43264fcf66 100644
Binary files a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/default-auto.png and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/multiple-previews-hidden-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/multiple-previews-hidden-auto.png
index 72ac6f5d4e..db4a255ed4 100644
Binary files a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/multiple-previews-hidden-auto.png and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/multiple-previews-hidden-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/multiple-previews-visible-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/multiple-previews-visible-auto.png
index 44caec29d1..cf4fa1947c 100644
Binary files a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/multiple-previews-visible-auto.png and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/multiple-previews-visible-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/with-compact-view-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/with-compact-view-auto.png
index 859bbe3869..cd59915de5 100644
Binary files a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/with-compact-view-auto.png and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/with-compact-view-auto.png differ
diff --git a/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.tsx b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.tsx
index 4225b85847..949b837ad9 100644
--- a/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.tsx
+++ b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.tsx
@@ -65,7 +65,12 @@ export function UrlPreviewGroupView({ vm }: UrlPreviewGroupViewProps): JSX.Eleme
                 ))}
                 {toggleButton}
             </div>
-            <IconButton size="20px" onClick={vm.onHideClick} aria-label={_t("timeline|url_preview|close")}>
+            <IconButton
+                kind="secondary"
+                size="28px"
+                onClick={vm.onHideClick}
+                aria-label={_t("timeline|url_preview|close")}
+            >
                 <CloseIcon />
             </IconButton>
         </div>
diff --git a/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/__snapshots__/UrlPreviewGroupView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/__snapshots__/UrlPreviewGroupView.test.tsx.snap
index c0e282b07e..7c8cfdbb88 100644
--- a/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/__snapshots__/UrlPreviewGroupView.test.tsx.snap
+++ b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/__snapshots__/UrlPreviewGroupView.test.tsx.snap
@@ -52,9 +52,9 @@ exports[`UrlPreviewGroupView > renders a single preview 1`] = `
     <button
       aria-label="Close preview"
       class="_icon-button_1215g_8"
-      data-kind="primary"
+      data-kind="secondary"
       role="button"
-      style="--cpd-icon-button-size: 20px;"
+      style="--cpd-icon-button-size: 28px;"
       tabindex="0"
     >
       <div
@@ -219,9 +219,9 @@ exports[`UrlPreviewGroupView > renders multiple previews 1`] = `
     <button
       aria-label="Close preview"
       class="_icon-button_1215g_8"
-      data-kind="primary"
+      data-kind="secondary"
       role="button"
-      style="--cpd-icon-button-size: 20px;"
+      style="--cpd-icon-button-size: 28px;"
       tabindex="0"
     >
       <div
@@ -306,9 +306,9 @@ exports[`UrlPreviewGroupView > renders multiple previews which are hidden 1`] =
     <button
       aria-label="Close preview"
       class="_icon-button_1215g_8"
-      data-kind="primary"
+      data-kind="secondary"
       role="button"
-      style="--cpd-icon-button-size: 20px;"
+      style="--cpd-icon-button-size: 28px;"
       tabindex="0"
     >
       <div
@@ -473,9 +473,9 @@ exports[`UrlPreviewGroupView > renders with a compact view 1`] = `
     <button
       aria-label="Close preview"
       class="_icon-button_1215g_8"
-      data-kind="primary"
+      data-kind="secondary"
       role="button"
-      style="--cpd-icon-button-size: 20px;"
+      style="--cpd-icon-button-size: 28px;"
       tabindex="0"
     >
       <div