diff --git a/e2e/busy-screen.e2e.ts-snapshots/Should-hide-spinner-1-Google-Chrome-darwin.png b/e2e/busy-screen.e2e.ts-snapshots/Should-hide-spinner-1-Google-Chrome-darwin.png
index 23f40d84..fdf0dc29 100644
Binary files a/e2e/busy-screen.e2e.ts-snapshots/Should-hide-spinner-1-Google-Chrome-darwin.png and b/e2e/busy-screen.e2e.ts-snapshots/Should-hide-spinner-1-Google-Chrome-darwin.png differ
diff --git a/e2e/busy-screen.e2e.ts-snapshots/Should-hide-spinner-1-Google-Chrome-linux.png b/e2e/busy-screen.e2e.ts-snapshots/Should-hide-spinner-1-Google-Chrome-linux.png
index f14b105d..12efcc6e 100644
Binary files a/e2e/busy-screen.e2e.ts-snapshots/Should-hide-spinner-1-Google-Chrome-linux.png and b/e2e/busy-screen.e2e.ts-snapshots/Should-hide-spinner-1-Google-Chrome-linux.png differ
diff --git a/e2e/checkbox.e2e.ts-snapshots/Should-display-default-behavior-1-Google-Chrome-darwin.png b/e2e/checkbox.e2e.ts-snapshots/Should-display-default-behavior-1-Google-Chrome-darwin.png
index c3eacff8..9441f5ed 100644
Binary files a/e2e/checkbox.e2e.ts-snapshots/Should-display-default-behavior-1-Google-Chrome-darwin.png and b/e2e/checkbox.e2e.ts-snapshots/Should-display-default-behavior-1-Google-Chrome-darwin.png differ
diff --git a/e2e/checkbox.e2e.ts-snapshots/Should-display-default-behavior-1-Google-Chrome-linux.png b/e2e/checkbox.e2e.ts-snapshots/Should-display-default-behavior-1-Google-Chrome-linux.png
index 68b04cbe..1b7398ae 100644
Binary files a/e2e/checkbox.e2e.ts-snapshots/Should-display-default-behavior-1-Google-Chrome-linux.png and b/e2e/checkbox.e2e.ts-snapshots/Should-display-default-behavior-1-Google-Chrome-linux.png differ
diff --git a/e2e/external-link.e2e.ts-snapshots/External-link-is-displayed-with-an-icon-1-Google-Chrome-darwin.png b/e2e/external-link.e2e.ts-snapshots/External-link-is-displayed-with-an-icon-1-Google-Chrome-darwin.png
index 3deaaf33..7a4104ee 100644
Binary files a/e2e/external-link.e2e.ts-snapshots/External-link-is-displayed-with-an-icon-1-Google-Chrome-darwin.png and b/e2e/external-link.e2e.ts-snapshots/External-link-is-displayed-with-an-icon-1-Google-Chrome-darwin.png differ
diff --git a/e2e/external-link.e2e.ts-snapshots/External-link-is-displayed-with-an-icon-1-Google-Chrome-linux.png b/e2e/external-link.e2e.ts-snapshots/External-link-is-displayed-with-an-icon-1-Google-Chrome-linux.png
index e03e2c8c..e0f9e990 100644
Binary files a/e2e/external-link.e2e.ts-snapshots/External-link-is-displayed-with-an-icon-1-Google-Chrome-linux.png and b/e2e/external-link.e2e.ts-snapshots/External-link-is-displayed-with-an-icon-1-Google-Chrome-linux.png differ
diff --git a/e2e/menu.e2e.ts-snapshots/Menu-can-be-collapsed-1-Google-Chrome-darwin.png b/e2e/menu.e2e.ts-snapshots/Menu-can-be-collapsed-1-Google-Chrome-darwin.png
index ac171f4d..a302cb0f 100644
Binary files a/e2e/menu.e2e.ts-snapshots/Menu-can-be-collapsed-1-Google-Chrome-darwin.png and b/e2e/menu.e2e.ts-snapshots/Menu-can-be-collapsed-1-Google-Chrome-darwin.png differ
diff --git a/e2e/menu.e2e.ts-snapshots/Menu-can-be-collapsed-1-Google-Chrome-linux.png b/e2e/menu.e2e.ts-snapshots/Menu-can-be-collapsed-1-Google-Chrome-linux.png
index c0ed3de8..fc29a51f 100644
Binary files a/e2e/menu.e2e.ts-snapshots/Menu-can-be-collapsed-1-Google-Chrome-linux.png and b/e2e/menu.e2e.ts-snapshots/Menu-can-be-collapsed-1-Google-Chrome-linux.png differ
diff --git a/e2e/menu.e2e.ts-snapshots/Menu-is-expanded-per-default-1-Google-Chrome-darwin.png b/e2e/menu.e2e.ts-snapshots/Menu-is-expanded-per-default-1-Google-Chrome-darwin.png
index 88efb743..74a0c0e9 100644
Binary files a/e2e/menu.e2e.ts-snapshots/Menu-is-expanded-per-default-1-Google-Chrome-darwin.png and b/e2e/menu.e2e.ts-snapshots/Menu-is-expanded-per-default-1-Google-Chrome-darwin.png differ
diff --git a/e2e/menu.e2e.ts-snapshots/Menu-is-expanded-per-default-1-Google-Chrome-linux.png b/e2e/menu.e2e.ts-snapshots/Menu-is-expanded-per-default-1-Google-Chrome-linux.png
index 4672ad84..6932d3af 100644
Binary files a/e2e/menu.e2e.ts-snapshots/Menu-is-expanded-per-default-1-Google-Chrome-linux.png and b/e2e/menu.e2e.ts-snapshots/Menu-is-expanded-per-default-1-Google-Chrome-linux.png differ
diff --git a/e2e/page-banner.e2e.ts-snapshots/Should-display-default-behavior-1-Google-Chrome-darwin.png b/e2e/page-banner.e2e.ts-snapshots/Should-display-default-behavior-1-Google-Chrome-darwin.png
index 2190565a..55bc994c 100644
Binary files a/e2e/page-banner.e2e.ts-snapshots/Should-display-default-behavior-1-Google-Chrome-darwin.png and b/e2e/page-banner.e2e.ts-snapshots/Should-display-default-behavior-1-Google-Chrome-darwin.png differ
diff --git a/e2e/page-banner.e2e.ts-snapshots/Should-display-default-behavior-1-Google-Chrome-linux.png b/e2e/page-banner.e2e.ts-snapshots/Should-display-default-behavior-1-Google-Chrome-linux.png
index ace6e5ed..75ccf5c1 100644
Binary files a/e2e/page-banner.e2e.ts-snapshots/Should-display-default-behavior-1-Google-Chrome-linux.png and b/e2e/page-banner.e2e.ts-snapshots/Should-display-default-behavior-1-Google-Chrome-linux.png differ
diff --git a/e2e/progress-bar.e2e.ts-snapshots/Should-render-progress-bars-1-Google-Chrome-darwin.png b/e2e/progress-bar.e2e.ts-snapshots/Should-render-progress-bars-1-Google-Chrome-darwin.png
index 81d7e369..ab7bfbb2 100644
Binary files a/e2e/progress-bar.e2e.ts-snapshots/Should-render-progress-bars-1-Google-Chrome-darwin.png and b/e2e/progress-bar.e2e.ts-snapshots/Should-render-progress-bars-1-Google-Chrome-darwin.png differ
diff --git a/e2e/progress-bar.e2e.ts-snapshots/Should-render-progress-bars-1-Google-Chrome-linux.png b/e2e/progress-bar.e2e.ts-snapshots/Should-render-progress-bars-1-Google-Chrome-linux.png
index c8f52b18..7e35b81c 100644
Binary files a/e2e/progress-bar.e2e.ts-snapshots/Should-render-progress-bars-1-Google-Chrome-linux.png and b/e2e/progress-bar.e2e.ts-snapshots/Should-render-progress-bars-1-Google-Chrome-linux.png differ
diff --git a/e2e/progress-steps.e2e.ts-snapshots/All-steps-are-completed-1-Google-Chrome-darwin.png b/e2e/progress-steps.e2e.ts-snapshots/All-steps-are-completed-1-Google-Chrome-darwin.png
index 9aea9da1..2f7180bd 100644
Binary files a/e2e/progress-steps.e2e.ts-snapshots/All-steps-are-completed-1-Google-Chrome-darwin.png and b/e2e/progress-steps.e2e.ts-snapshots/All-steps-are-completed-1-Google-Chrome-darwin.png differ
diff --git a/e2e/progress-steps.e2e.ts-snapshots/All-steps-are-completed-1-Google-Chrome-linux.png b/e2e/progress-steps.e2e.ts-snapshots/All-steps-are-completed-1-Google-Chrome-linux.png
index 13f29888..13172cd8 100644
Binary files a/e2e/progress-steps.e2e.ts-snapshots/All-steps-are-completed-1-Google-Chrome-linux.png and b/e2e/progress-steps.e2e.ts-snapshots/All-steps-are-completed-1-Google-Chrome-linux.png differ
diff --git a/e2e/progress-steps.e2e.ts-snapshots/Second-step-is-in-progress-1-Google-Chrome-darwin.png b/e2e/progress-steps.e2e.ts-snapshots/Second-step-is-in-progress-1-Google-Chrome-darwin.png
index c2ba39b1..0cafc4d0 100644
Binary files a/e2e/progress-steps.e2e.ts-snapshots/Second-step-is-in-progress-1-Google-Chrome-darwin.png and b/e2e/progress-steps.e2e.ts-snapshots/Second-step-is-in-progress-1-Google-Chrome-darwin.png differ
diff --git a/e2e/progress-steps.e2e.ts-snapshots/Second-step-is-in-progress-1-Google-Chrome-linux.png b/e2e/progress-steps.e2e.ts-snapshots/Second-step-is-in-progress-1-Google-Chrome-linux.png
index c5e8afeb..a0e470dc 100644
Binary files a/e2e/progress-steps.e2e.ts-snapshots/Second-step-is-in-progress-1-Google-Chrome-linux.png and b/e2e/progress-steps.e2e.ts-snapshots/Second-step-is-in-progress-1-Google-Chrome-linux.png differ
diff --git a/e2e/qr-code-generator.e2e.ts-snapshots/QR-code-renders-https-identity-ic0-app-1-Google-Chrome-darwin.png b/e2e/qr-code-generator.e2e.ts-snapshots/QR-code-renders-https-identity-ic0-app-1-Google-Chrome-darwin.png
index 443ee7e6..244c08e2 100644
Binary files a/e2e/qr-code-generator.e2e.ts-snapshots/QR-code-renders-https-identity-ic0-app-1-Google-Chrome-darwin.png and b/e2e/qr-code-generator.e2e.ts-snapshots/QR-code-renders-https-identity-ic0-app-1-Google-Chrome-darwin.png differ
diff --git a/e2e/qr-code-generator.e2e.ts-snapshots/QR-code-renders-https-identity-ic0-app-1-Google-Chrome-linux.png b/e2e/qr-code-generator.e2e.ts-snapshots/QR-code-renders-https-identity-ic0-app-1-Google-Chrome-linux.png
index 6b863e1d..92048aeb 100644
Binary files a/e2e/qr-code-generator.e2e.ts-snapshots/QR-code-renders-https-identity-ic0-app-1-Google-Chrome-linux.png and b/e2e/qr-code-generator.e2e.ts-snapshots/QR-code-renders-https-identity-ic0-app-1-Google-Chrome-linux.png differ
diff --git a/e2e/qr-code-generator.e2e.ts-snapshots/QR-code-renders-https-nns-ic0-app-1-Google-Chrome-darwin.png b/e2e/qr-code-generator.e2e.ts-snapshots/QR-code-renders-https-nns-ic0-app-1-Google-Chrome-darwin.png
index cdea3e02..5de7ba4b 100644
Binary files a/e2e/qr-code-generator.e2e.ts-snapshots/QR-code-renders-https-nns-ic0-app-1-Google-Chrome-darwin.png and b/e2e/qr-code-generator.e2e.ts-snapshots/QR-code-renders-https-nns-ic0-app-1-Google-Chrome-darwin.png differ
diff --git a/e2e/qr-code-generator.e2e.ts-snapshots/QR-code-renders-https-nns-ic0-app-1-Google-Chrome-linux.png b/e2e/qr-code-generator.e2e.ts-snapshots/QR-code-renders-https-nns-ic0-app-1-Google-Chrome-linux.png
index 92dd1d76..19d1afc7 100644
Binary files a/e2e/qr-code-generator.e2e.ts-snapshots/QR-code-renders-https-nns-ic0-app-1-Google-Chrome-linux.png and b/e2e/qr-code-generator.e2e.ts-snapshots/QR-code-renders-https-nns-ic0-app-1-Google-Chrome-linux.png differ
diff --git a/e2e/qr-code-reader.e2e.ts-snapshots/Read-QR-code-value-with-camera-1-Google-Chrome-darwin.png b/e2e/qr-code-reader.e2e.ts-snapshots/Read-QR-code-value-with-camera-1-Google-Chrome-darwin.png
index 31bac5df..a60e5098 100644
Binary files a/e2e/qr-code-reader.e2e.ts-snapshots/Read-QR-code-value-with-camera-1-Google-Chrome-darwin.png and b/e2e/qr-code-reader.e2e.ts-snapshots/Read-QR-code-value-with-camera-1-Google-Chrome-darwin.png differ
diff --git a/e2e/qr-code-reader.e2e.ts-snapshots/Read-QR-code-value-with-camera-1-Google-Chrome-linux.png b/e2e/qr-code-reader.e2e.ts-snapshots/Read-QR-code-value-with-camera-1-Google-Chrome-linux.png
index eb6e3bda..3283ed4c 100644
Binary files a/e2e/qr-code-reader.e2e.ts-snapshots/Read-QR-code-value-with-camera-1-Google-Chrome-linux.png and b/e2e/qr-code-reader.e2e.ts-snapshots/Read-QR-code-value-with-camera-1-Google-Chrome-linux.png differ
diff --git a/e2e/qr-code-reader.e2e.ts-snapshots/Read-QR-throws-error-Google-Chrome-darwin.png b/e2e/qr-code-reader.e2e.ts-snapshots/Read-QR-throws-error-Google-Chrome-darwin.png
index eff354a2..4ff9ad57 100644
Binary files a/e2e/qr-code-reader.e2e.ts-snapshots/Read-QR-throws-error-Google-Chrome-darwin.png and b/e2e/qr-code-reader.e2e.ts-snapshots/Read-QR-throws-error-Google-Chrome-darwin.png differ
diff --git a/e2e/segment.e2e.ts-snapshots/First-segment-is-selected-1-Google-Chrome-darwin.png b/e2e/segment.e2e.ts-snapshots/First-segment-is-selected-1-Google-Chrome-darwin.png
index 4ad6ff50..04365cd1 100644
Binary files a/e2e/segment.e2e.ts-snapshots/First-segment-is-selected-1-Google-Chrome-darwin.png and b/e2e/segment.e2e.ts-snapshots/First-segment-is-selected-1-Google-Chrome-darwin.png differ
diff --git a/e2e/segment.e2e.ts-snapshots/First-segment-is-selected-1-Google-Chrome-linux.png b/e2e/segment.e2e.ts-snapshots/First-segment-is-selected-1-Google-Chrome-linux.png
index 1fd8e8f4..6d4566e7 100644
Binary files a/e2e/segment.e2e.ts-snapshots/First-segment-is-selected-1-Google-Chrome-linux.png and b/e2e/segment.e2e.ts-snapshots/First-segment-is-selected-1-Google-Chrome-linux.png differ
diff --git a/e2e/segment.e2e.ts-snapshots/Second-segment-is-selected-1-Google-Chrome-darwin.png b/e2e/segment.e2e.ts-snapshots/Second-segment-is-selected-1-Google-Chrome-darwin.png
index fb66e916..42a9c5fd 100644
Binary files a/e2e/segment.e2e.ts-snapshots/Second-segment-is-selected-1-Google-Chrome-darwin.png and b/e2e/segment.e2e.ts-snapshots/Second-segment-is-selected-1-Google-Chrome-darwin.png differ
diff --git a/e2e/segment.e2e.ts-snapshots/Second-segment-is-selected-1-Google-Chrome-linux.png b/e2e/segment.e2e.ts-snapshots/Second-segment-is-selected-1-Google-Chrome-linux.png
index 27e7d4a6..30c41191 100644
Binary files a/e2e/segment.e2e.ts-snapshots/Second-segment-is-selected-1-Google-Chrome-linux.png and b/e2e/segment.e2e.ts-snapshots/Second-segment-is-selected-1-Google-Chrome-linux.png differ
diff --git a/e2e/segment.e2e.ts-snapshots/Third-segment-is-selected-1-Google-Chrome-darwin.png b/e2e/segment.e2e.ts-snapshots/Third-segment-is-selected-1-Google-Chrome-darwin.png
index acf9524f..ac61e788 100644
Binary files a/e2e/segment.e2e.ts-snapshots/Third-segment-is-selected-1-Google-Chrome-darwin.png and b/e2e/segment.e2e.ts-snapshots/Third-segment-is-selected-1-Google-Chrome-darwin.png differ
diff --git a/e2e/segment.e2e.ts-snapshots/Third-segment-is-selected-1-Google-Chrome-linux.png b/e2e/segment.e2e.ts-snapshots/Third-segment-is-selected-1-Google-Chrome-linux.png
index 52a06020..a8c4cf61 100644
Binary files a/e2e/segment.e2e.ts-snapshots/Third-segment-is-selected-1-Google-Chrome-linux.png and b/e2e/segment.e2e.ts-snapshots/Third-segment-is-selected-1-Google-Chrome-linux.png differ
diff --git a/e2e/tag.e2e.ts-snapshots/Should-render-tags-1-Google-Chrome-darwin.png b/e2e/tag.e2e.ts-snapshots/Should-render-tags-1-Google-Chrome-darwin.png
index 3d1d2464..9e0c186d 100644
Binary files a/e2e/tag.e2e.ts-snapshots/Should-render-tags-1-Google-Chrome-darwin.png and b/e2e/tag.e2e.ts-snapshots/Should-render-tags-1-Google-Chrome-darwin.png differ
diff --git a/e2e/tag.e2e.ts-snapshots/Should-render-tags-1-Google-Chrome-linux.png b/e2e/tag.e2e.ts-snapshots/Should-render-tags-1-Google-Chrome-linux.png
index 34e0fab4..c730642d 100644
Binary files a/e2e/tag.e2e.ts-snapshots/Should-render-tags-1-Google-Chrome-linux.png and b/e2e/tag.e2e.ts-snapshots/Should-render-tags-1-Google-Chrome-linux.png differ
diff --git a/e2e/toasts.e2e.ts-snapshots/Should-close-toast-1-Google-Chrome-darwin.png b/e2e/toasts.e2e.ts-snapshots/Should-close-toast-1-Google-Chrome-darwin.png
index 73fda100..5978057c 100644
Binary files a/e2e/toasts.e2e.ts-snapshots/Should-close-toast-1-Google-Chrome-darwin.png and b/e2e/toasts.e2e.ts-snapshots/Should-close-toast-1-Google-Chrome-darwin.png differ
diff --git a/e2e/toasts.e2e.ts-snapshots/Should-close-toast-1-Google-Chrome-linux.png b/e2e/toasts.e2e.ts-snapshots/Should-close-toast-1-Google-Chrome-linux.png
index 51d5b1bc..4cdcaff6 100644
Binary files a/e2e/toasts.e2e.ts-snapshots/Should-close-toast-1-Google-Chrome-linux.png and b/e2e/toasts.e2e.ts-snapshots/Should-close-toast-1-Google-Chrome-linux.png differ
diff --git a/e2e/toasts.e2e.ts-snapshots/Should-display-multiple-toasts-and-user-is-able-to-close-one-1-Google-Chrome-darwin.png b/e2e/toasts.e2e.ts-snapshots/Should-display-multiple-toasts-and-user-is-able-to-close-one-1-Google-Chrome-darwin.png
index 2852e596..750bcff9 100644
Binary files a/e2e/toasts.e2e.ts-snapshots/Should-display-multiple-toasts-and-user-is-able-to-close-one-1-Google-Chrome-darwin.png and b/e2e/toasts.e2e.ts-snapshots/Should-display-multiple-toasts-and-user-is-able-to-close-one-1-Google-Chrome-darwin.png differ
diff --git a/e2e/toasts.e2e.ts-snapshots/Should-display-multiple-toasts-and-user-is-able-to-close-one-1-Google-Chrome-linux.png b/e2e/toasts.e2e.ts-snapshots/Should-display-multiple-toasts-and-user-is-able-to-close-one-1-Google-Chrome-linux.png
index 55b7eec5..168ba058 100644
Binary files a/e2e/toasts.e2e.ts-snapshots/Should-display-multiple-toasts-and-user-is-able-to-close-one-1-Google-Chrome-linux.png and b/e2e/toasts.e2e.ts-snapshots/Should-display-multiple-toasts-and-user-is-able-to-close-one-1-Google-Chrome-linux.png differ
diff --git a/e2e/toasts.e2e.ts-snapshots/Should-display-multiple-toasts-for-the-top-position-1-Google-Chrome-darwin.png b/e2e/toasts.e2e.ts-snapshots/Should-display-multiple-toasts-for-the-top-position-1-Google-Chrome-darwin.png
index d1da8739..ec6fc382 100644
Binary files a/e2e/toasts.e2e.ts-snapshots/Should-display-multiple-toasts-for-the-top-position-1-Google-Chrome-darwin.png and b/e2e/toasts.e2e.ts-snapshots/Should-display-multiple-toasts-for-the-top-position-1-Google-Chrome-darwin.png differ
diff --git a/e2e/toasts.e2e.ts-snapshots/Should-display-multiple-toasts-for-the-top-position-1-Google-Chrome-linux.png b/e2e/toasts.e2e.ts-snapshots/Should-display-multiple-toasts-for-the-top-position-1-Google-Chrome-linux.png
index 04dde521..d79095c7 100644
Binary files a/e2e/toasts.e2e.ts-snapshots/Should-display-multiple-toasts-for-the-top-position-1-Google-Chrome-linux.png and b/e2e/toasts.e2e.ts-snapshots/Should-display-multiple-toasts-for-the-top-position-1-Google-Chrome-linux.png differ
diff --git a/e2e/toasts.e2e.ts-snapshots/Toast-error-1-Google-Chrome-darwin.png b/e2e/toasts.e2e.ts-snapshots/Toast-error-1-Google-Chrome-darwin.png
index fc4825e8..4e15abeb 100644
Binary files a/e2e/toasts.e2e.ts-snapshots/Toast-error-1-Google-Chrome-darwin.png and b/e2e/toasts.e2e.ts-snapshots/Toast-error-1-Google-Chrome-darwin.png differ
diff --git a/e2e/toasts.e2e.ts-snapshots/Toast-error-1-Google-Chrome-linux.png b/e2e/toasts.e2e.ts-snapshots/Toast-error-1-Google-Chrome-linux.png
index 831bdf87..ace17b89 100644
Binary files a/e2e/toasts.e2e.ts-snapshots/Toast-error-1-Google-Chrome-linux.png and b/e2e/toasts.e2e.ts-snapshots/Toast-error-1-Google-Chrome-linux.png differ
diff --git a/e2e/toasts.e2e.ts-snapshots/Toast-info-1-Google-Chrome-darwin.png b/e2e/toasts.e2e.ts-snapshots/Toast-info-1-Google-Chrome-darwin.png
index a2274e91..7d4f1893 100644
Binary files a/e2e/toasts.e2e.ts-snapshots/Toast-info-1-Google-Chrome-darwin.png and b/e2e/toasts.e2e.ts-snapshots/Toast-info-1-Google-Chrome-darwin.png differ
diff --git a/e2e/toasts.e2e.ts-snapshots/Toast-info-1-Google-Chrome-linux.png b/e2e/toasts.e2e.ts-snapshots/Toast-info-1-Google-Chrome-linux.png
index 42f1f496..88cd7789 100644
Binary files a/e2e/toasts.e2e.ts-snapshots/Toast-info-1-Google-Chrome-linux.png and b/e2e/toasts.e2e.ts-snapshots/Toast-info-1-Google-Chrome-linux.png differ
diff --git a/e2e/toasts.e2e.ts-snapshots/Toast-message-1-Google-Chrome-darwin.png b/e2e/toasts.e2e.ts-snapshots/Toast-message-1-Google-Chrome-darwin.png
index d1521d49..dcff8496 100644
Binary files a/e2e/toasts.e2e.ts-snapshots/Toast-message-1-Google-Chrome-darwin.png and b/e2e/toasts.e2e.ts-snapshots/Toast-message-1-Google-Chrome-darwin.png differ
diff --git a/e2e/toasts.e2e.ts-snapshots/Toast-message-1-Google-Chrome-linux.png b/e2e/toasts.e2e.ts-snapshots/Toast-message-1-Google-Chrome-linux.png
index 1f8e85bc..df0c478c 100644
Binary files a/e2e/toasts.e2e.ts-snapshots/Toast-message-1-Google-Chrome-linux.png and b/e2e/toasts.e2e.ts-snapshots/Toast-message-1-Google-Chrome-linux.png differ
diff --git a/e2e/toasts.e2e.ts-snapshots/Toast-multiline-message-1-Google-Chrome-darwin.png b/e2e/toasts.e2e.ts-snapshots/Toast-multiline-message-1-Google-Chrome-darwin.png
index e872f031..b0503f50 100644
Binary files a/e2e/toasts.e2e.ts-snapshots/Toast-multiline-message-1-Google-Chrome-darwin.png and b/e2e/toasts.e2e.ts-snapshots/Toast-multiline-message-1-Google-Chrome-darwin.png differ
diff --git a/e2e/toasts.e2e.ts-snapshots/Toast-multiline-message-1-Google-Chrome-linux.png b/e2e/toasts.e2e.ts-snapshots/Toast-multiline-message-1-Google-Chrome-linux.png
index be9a8f24..fc9d674e 100644
Binary files a/e2e/toasts.e2e.ts-snapshots/Toast-multiline-message-1-Google-Chrome-linux.png and b/e2e/toasts.e2e.ts-snapshots/Toast-multiline-message-1-Google-Chrome-linux.png differ
diff --git a/e2e/toasts.e2e.ts-snapshots/Toast-success-1-Google-Chrome-darwin.png b/e2e/toasts.e2e.ts-snapshots/Toast-success-1-Google-Chrome-darwin.png
index 5d446b6a..183e8ea2 100644
Binary files a/e2e/toasts.e2e.ts-snapshots/Toast-success-1-Google-Chrome-darwin.png and b/e2e/toasts.e2e.ts-snapshots/Toast-success-1-Google-Chrome-darwin.png differ
diff --git a/e2e/toasts.e2e.ts-snapshots/Toast-success-1-Google-Chrome-linux.png b/e2e/toasts.e2e.ts-snapshots/Toast-success-1-Google-Chrome-linux.png
index 78ffc776..2a236b43 100644
Binary files a/e2e/toasts.e2e.ts-snapshots/Toast-success-1-Google-Chrome-linux.png and b/e2e/toasts.e2e.ts-snapshots/Toast-success-1-Google-Chrome-linux.png differ
diff --git a/e2e/toasts.e2e.ts-snapshots/Toast-warn-1-Google-Chrome-darwin.png b/e2e/toasts.e2e.ts-snapshots/Toast-warn-1-Google-Chrome-darwin.png
index 9a367fcd..687a1b30 100644
Binary files a/e2e/toasts.e2e.ts-snapshots/Toast-warn-1-Google-Chrome-darwin.png and b/e2e/toasts.e2e.ts-snapshots/Toast-warn-1-Google-Chrome-darwin.png differ
diff --git a/e2e/toasts.e2e.ts-snapshots/Toast-warn-1-Google-Chrome-linux.png b/e2e/toasts.e2e.ts-snapshots/Toast-warn-1-Google-Chrome-linux.png
index b2195d0a..1a499c53 100644
Binary files a/e2e/toasts.e2e.ts-snapshots/Toast-warn-1-Google-Chrome-linux.png and b/e2e/toasts.e2e.ts-snapshots/Toast-warn-1-Google-Chrome-linux.png differ
diff --git a/src/docs/components/DocsIconMenu.svelte b/src/docs/components/DocsIconMenu.svelte
new file mode 100644
index 00000000..72057984
--- /dev/null
+++ b/src/docs/components/DocsIconMenu.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+  import { DEFAULT_ICON_SIZE } from "$lib/constants/constants";
+  import { menuCollapsed } from "$lib";
+  import { fade } from "svelte/transition";
+
+  export let text: string;
+</script>
+
+{#if $menuCollapsed}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    height={DEFAULT_ICON_SIZE}
+    viewBox="0 0 24 24"
+    width={DEFAULT_ICON_SIZE}
+    fill="currentColor"
+    in:fade><text x="4" y="20">{text}</text></svg
+  >
+{/if}
+
+<style lang="scss">
+  text {
+    font-size: var(--font-size-h3);
+    font-weight: bold;
+  }
+</style>
diff --git a/src/docs/components/DocsMenu.svelte b/src/docs/components/DocsMenu.svelte
index 786a264a..79b20765 100644
--- a/src/docs/components/DocsMenu.svelte
+++ b/src/docs/components/DocsMenu.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { page } from "$app/stores";
   import MenuItem from "$lib/components/MenuItem.svelte";
-  import IconLaunchpad from "$lib/icons/IconLaunchpad.svelte";
+  import DocsIconMenu from "$docs/components/DocsIconMenu.svelte";
 
   let pathname: string;
   $: ({
@@ -10,11 +10,11 @@
 </script>
 
 <MenuItem href="/" selected={pathname === "/"} on:click>
-  <IconLaunchpad slot="icon" />
+  <DocsIconMenu text="H" slot="icon" />
   Home</MenuItem
 >
 <MenuItem href="/start" selected={pathname === "/start"} on:click>
-  <IconLaunchpad slot="icon" />
+  <DocsIconMenu text="G" slot="icon" />
   Getting Started
 </MenuItem>
 <MenuItem
@@ -22,7 +22,7 @@
   selected={pathname.startsWith("/components")}
   on:click
 >
-  <IconLaunchpad slot="icon" />
+  <DocsIconMenu text="C" slot="icon" />
   Components
 </MenuItem>
 <MenuItem
@@ -30,18 +30,18 @@
   selected={pathname.startsWith("/utility-classes")}
   on:click
 >
-  <IconLaunchpad slot="icon" />
+  <DocsIconMenu text="U" slot="icon" />
   Utility Classes
 </MenuItem>
 <MenuItem href="/styling" selected={pathname.startsWith("/styling")} on:click>
-  <IconLaunchpad slot="icon" />
+  <DocsIconMenu text="S" slot="icon" />
   Styling
 </MenuItem>
 <MenuItem href="/icons" selected={pathname.startsWith("/icons")} on:click>
-  <IconLaunchpad slot="icon" />
+  <DocsIconMenu text="I" slot="icon" />
   Icons
 </MenuItem>
 <MenuItem href="/resources" selected={pathname === "/resources"} on:click>
-  <IconLaunchpad slot="icon" />
+  <DocsIconMenu text="R" slot="icon" />
   Resources
 </MenuItem>