diff --git a/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-dm-with-user-pill-linux.png b/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-dm-with-user-pill-linux.png
index 0e57ae9995..94d6b79f1e 100644
Binary files a/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-dm-with-user-pill-linux.png and b/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-dm-with-user-pill-linux.png differ
diff --git a/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-dm-without-user-linux.png b/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-dm-without-user-linux.png
index 154f94a247..9a888fb65c 100644
Binary files a/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-dm-without-user-linux.png and b/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-dm-without-user-linux.png differ
diff --git a/playwright/snapshots/permalinks/permalinks.spec.ts/permalink-rendering-linux.png b/playwright/snapshots/permalinks/permalinks.spec.ts/permalink-rendering-linux.png
index 198e4dfe08..1c88bb4c1f 100644
Binary files a/playwright/snapshots/permalinks/permalinks.spec.ts/permalink-rendering-linux.png and b/playwright/snapshots/permalinks/permalinks.spec.ts/permalink-rendering-linux.png differ
diff --git a/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-no-results-linux.png b/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-no-results-linux.png
index 66a6d79b53..458c6469f1 100644
Binary files a/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-no-results-linux.png and b/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-no-results-linux.png differ
diff --git a/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-one-result-linux.png b/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-one-result-linux.png
index 8d89b18087..7bfa3229ed 100644
Binary files a/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-one-result-linux.png and b/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-one-result-linux.png differ
diff --git a/playwright/snapshots/settings/account-user-settings-tab.spec.ts/account-linux.png b/playwright/snapshots/settings/account-user-settings-tab.spec.ts/account-linux.png
index ec4a0f030c..702dab55f9 100644
Binary files a/playwright/snapshots/settings/account-user-settings-tab.spec.ts/account-linux.png and b/playwright/snapshots/settings/account-user-settings-tab.spec.ts/account-linux.png differ
diff --git a/playwright/snapshots/settings/account-user-settings-tab.spec.ts/account-smallscreen-linux.png b/playwright/snapshots/settings/account-user-settings-tab.spec.ts/account-smallscreen-linux.png
index bbf74913ab..d1f28308f1 100644
Binary files a/playwright/snapshots/settings/account-user-settings-tab.spec.ts/account-smallscreen-linux.png and b/playwright/snapshots/settings/account-user-settings-tab.spec.ts/account-smallscreen-linux.png differ
diff --git a/playwright/snapshots/spaces/spaces.spec.ts/space-panel-expanded-linux.png b/playwright/snapshots/spaces/spaces.spec.ts/space-panel-expanded-linux.png
index ea9e428244..e514751f25 100644
Binary files a/playwright/snapshots/spaces/spaces.spec.ts/space-panel-expanded-linux.png and b/playwright/snapshots/spaces/spaces.spec.ts/space-panel-expanded-linux.png differ
diff --git a/playwright/snapshots/timeline/timeline.spec.ts/url-preview-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/url-preview-linux.png
index 49f2c0bad8..a0c833115c 100644
Binary files a/playwright/snapshots/timeline/timeline.spec.ts/url-preview-linux.png and b/playwright/snapshots/timeline/timeline.spec.ts/url-preview-linux.png differ
diff --git a/res/css/views/rooms/_LinkPreviewGroup.pcss b/res/css/views/rooms/_LinkPreviewGroup.pcss
index 9c9ad1825b..e540c149b6 100644
--- a/res/css/views/rooms/_LinkPreviewGroup.pcss
+++ b/res/css/views/rooms/_LinkPreviewGroup.pcss
@@ -12,14 +12,14 @@ Please see LICENSE files in the repository root for full details.
width: 18px;
height: 18px;
- img {
+ svg {
flex: 0 0 40px;
visibility: hidden;
}
}
&:hover .mx_LinkPreviewGroup_hide img,
- .mx_LinkPreviewGroup_hide:focus-visible:focus img {
+ .mx_LinkPreviewGroup_hide:focus-visible:focus svg {
visibility: visible;
}
diff --git a/res/css/views/rooms/_TopUnreadMessagesBar.pcss b/res/css/views/rooms/_TopUnreadMessagesBar.pcss
index feee5a3e67..95164105d3 100644
--- a/res/css/views/rooms/_TopUnreadMessagesBar.pcss
+++ b/res/css/views/rooms/_TopUnreadMessagesBar.pcss
@@ -65,7 +65,7 @@ Please see LICENSE files in the repository root for full details.
height: 18px;
mask-image: url("@vector-im/compound-design-tokens/icons/close.svg");
mask-repeat: no-repeat;
- mask-size: 10px;
- mask-position: 4px 4px;
+ mask-size: 16px;
+ mask-position: center;
background: var(--cpd-color-icon-tertiary);
}
diff --git a/test/components/views/elements/__snapshots__/AppTile-test.tsx.snap b/test/components/views/elements/__snapshots__/AppTile-test.tsx.snap
index 05094a2ca1..d939b4be95 100644
--- a/test/components/views/elements/__snapshots__/AppTile-test.tsx.snap
+++ b/test/components/views/elements/__snapshots__/AppTile-test.tsx.snap
@@ -174,9 +174,18 @@ exports[`AppTile for a pinned widget should render 1`] = `
role="button"
tabindex="0"
>
-
+ fill="currentColor"
+ height="1em"
+ viewBox="0 0 24 24"
+ width="1em"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+
+
@@ -259,9 +268,18 @@ exports[`AppTile for a pinned widget should render permission request 1`] = `
role="button"
tabindex="0"
>
-
+ fill="currentColor"
+ height="1em"
+ viewBox="0 0 24 24"
+ width="1em"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+
+
@@ -409,9 +427,18 @@ exports[`AppTile preserves non-persisted widget on container move 1`] = `
role="button"
tabindex="0"
>
-
+ fill="currentColor"
+ height="1em"
+ viewBox="0 0 24 24"
+ width="1em"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+
+
diff --git a/test/components/views/elements/__snapshots__/FilterDropdown-test.tsx.snap b/test/components/views/elements/__snapshots__/FilterDropdown-test.tsx.snap
index 1f1c5dff73..fe153adcb9 100644
--- a/test/components/views/elements/__snapshots__/FilterDropdown-test.tsx.snap
+++ b/test/components/views/elements/__snapshots__/FilterDropdown-test.tsx.snap
@@ -16,9 +16,18 @@ exports[` renders dropdown options in menu 1`] = `
class="mx_FilterDropdown_option"
data-testid="filter-option-one"
>
-
+ fill="currentColor"
+ height="1em"
+ viewBox="0 0 24 24"
+ width="1em"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+
+
diff --git a/test/components/views/polls/pollHistory/__snapshots__/PollHistory-test.tsx.snap b/test/components/views/polls/pollHistory/__snapshots__/PollHistory-test.tsx.snap
index f78f2e4642..c7a0523519 100644
--- a/test/components/views/polls/pollHistory/__snapshots__/PollHistory-test.tsx.snap
+++ b/test/components/views/polls/pollHistory/__snapshots__/PollHistory-test.tsx.snap
@@ -22,9 +22,18 @@ exports[` Poll detail navigates back to poll list from detail vie
role="button"
tabindex="0"
>
-
+ fill="currentColor"
+ height="1em"
+ viewBox="0 0 24 24"
+ width="1em"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+
+
Active polls
`;
diff --git a/test/components/views/settings/__snapshots__/LayoutSwitcher-test.tsx.snap b/test/components/views/settings/__snapshots__/LayoutSwitcher-test.tsx.snap
index 6c7bec7cf1..421fa08822 100644
--- a/test/components/views/settings/__snapshots__/LayoutSwitcher-test.tsx.snap
+++ b/test/components/views/settings/__snapshots__/LayoutSwitcher-test.tsx.snap
@@ -130,7 +130,17 @@ exports[` should render 1`] = `
role="button"
tabindex="-1"
>
-
+
@@ -246,7 +256,17 @@ exports[` should render 1`] = `
role="button"
tabindex="-1"
>
-
+
@@ -362,7 +382,17 @@ exports[` should render 1`] = `
role="button"
tabindex="-1"
>
-
+
diff --git a/test/components/views/settings/devices/__snapshots__/CurrentDeviceSection-test.tsx.snap b/test/components/views/settings/devices/__snapshots__/CurrentDeviceSection-test.tsx.snap
index 93f53a7ece..1d9fd387e7 100644
--- a/test/components/views/settings/devices/__snapshots__/CurrentDeviceSection-test.tsx.snap
+++ b/test/components/views/settings/devices/__snapshots__/CurrentDeviceSection-test.tsx.snap
@@ -146,9 +146,18 @@ exports[` handles when device is falsy 1`] = `
role="button"
tabindex="0"
>
-
+ fill="currentColor"
+ height="1em"
+ viewBox="0 0 24 24"
+ width="1em"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+
+
renders device and correct security card when
role="button"
tabindex="0"
>
-
+ fill="currentColor"
+ height="1em"
+ viewBox="0 0 24 24"
+ width="1em"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+
+
renders device and correct security card when
role="button"
tabindex="0"
>
-
+ fill="currentColor"
+ height="1em"
+ viewBox="0 0 24 24"
+ width="1em"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+
+
matches the snapshot 1`] = `
role="button"
tabindex="0"
>
-
+
matches the snapshot 1`] = `
role="button"
tabindex="0"
>
-
+
matches the snapshot 1`] = `
role="button"
tabindex="0"
>
-
+
matches the snapshot 1`] = `
role="button"
tabindex="0"
>
-
+
matches the snapshot 1`] = `
role="button"
tabindex="0"
>
-
+
matches the snapshot 1`] = `
role="button"
tabindex="0"
>
-
+
matches the snapshot 1`] = `
role="button"
tabindex="0"
>
-
+
matches the snapshot 1`] = `
role="button"
tabindex="0"
>
-
+
matches the snapshot 1`] = `
role="button"
tabindex="0"
>
-
+
diff --git a/test/components/views/settings/tabs/user/__snapshots__/AppearanceUserSettingsTab-test.tsx.snap b/test/components/views/settings/tabs/user/__snapshots__/AppearanceUserSettingsTab-test.tsx.snap
index a8d2de3400..d81597f757 100644
--- a/test/components/views/settings/tabs/user/__snapshots__/AppearanceUserSettingsTab-test.tsx.snap
+++ b/test/components/views/settings/tabs/user/__snapshots__/AppearanceUserSettingsTab-test.tsx.snap
@@ -273,7 +273,17 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
role="button"
tabindex="-1"
>
-
+
@@ -389,7 +399,17 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
role="button"
tabindex="-1"
>
-
+
@@ -505,7 +525,17 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
role="button"
tabindex="-1"
>
-
+
diff --git a/test/components/views/settings/tabs/user/__snapshots__/SessionManagerTab-test.tsx.snap b/test/components/views/settings/tabs/user/__snapshots__/SessionManagerTab-test.tsx.snap
index 275f4430c7..b3e54429bd 100644
--- a/test/components/views/settings/tabs/user/__snapshots__/SessionManagerTab-test.tsx.snap
+++ b/test/components/views/settings/tabs/user/__snapshots__/SessionManagerTab-test.tsx.snap
@@ -90,9 +90,18 @@ exports[` current session section renders current session s
role="button"
tabindex="0"
>
-
+ fill="currentColor"
+ height="1em"
+ viewBox="0 0 24 24"
+ width="1em"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+
+
current session section renders current session s
role="button"
tabindex="0"
>
-
+ fill="currentColor"
+ height="1em"
+ viewBox="0 0 24 24"
+ width="1em"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+
+