diff --git a/semcore/dropdown/__tests__/filters-with-dropdown/competitive-density.browser-test.tsx b/semcore/dropdown/__tests__/filters-with-dropdown/competitive-density.browser-test.tsx
index 698531c51f..7cb831a375 100644
--- a/semcore/dropdown/__tests__/filters-with-dropdown/competitive-density.browser-test.tsx
+++ b/semcore/dropdown/__tests__/filters-with-dropdown/competitive-density.browser-test.tsx
@@ -121,7 +121,7 @@ test.describe(`${TAG.FUNCTIONAL} `, () => {
 
       await expect(locators.trigger(page)).toBeFocused();
 
-      await expect(locators.triggerText(page)).toHaveText('Com.: 2-7');
+      await expect(locators.triggerText(page)).toHaveText('Com.: 2–7');
     });
 
     await test.step('Verify hint on close button and trigger keyboard navigation', async () => {
@@ -166,7 +166,7 @@ test.describe(`${TAG.FUNCTIONAL} `, () => {
       await locators.textbox(page).nth(1).fill('8');
       await locators.button(page, 'Apply').click();
       await locators.button(page, 'Apply').waitFor({ state: 'hidden' });
-      await expect(locators.triggerText(page)).toHaveText('Com.: 1-8');
+      await expect(locators.triggerText(page)).toHaveText('Com.: 1–8');
       await expect(locators.button(page, 'Clear')).toBeVisible();
     });
 
diff --git a/semcore/dropdown/__tests__/filters-with-dropdown/competitive-density.browser-test.tsx-snapshots/-visual-Verify-Competitive-density-pattern-3-chromium-linux.png b/semcore/dropdown/__tests__/filters-with-dropdown/competitive-density.browser-test.tsx-snapshots/-visual-Verify-Competitive-density-pattern-3-chromium-linux.png
index 781c06a0d2..daafd7bd03 100644
Binary files a/semcore/dropdown/__tests__/filters-with-dropdown/competitive-density.browser-test.tsx-snapshots/-visual-Verify-Competitive-density-pattern-3-chromium-linux.png and b/semcore/dropdown/__tests__/filters-with-dropdown/competitive-density.browser-test.tsx-snapshots/-visual-Verify-Competitive-density-pattern-3-chromium-linux.png differ
diff --git a/semcore/dropdown/__tests__/filters-with-dropdown/competitive-density.browser-test.tsx-snapshots/-visual-Verify-Competitive-density-pattern-3-firefox-linux.png b/semcore/dropdown/__tests__/filters-with-dropdown/competitive-density.browser-test.tsx-snapshots/-visual-Verify-Competitive-density-pattern-3-firefox-linux.png
index f29f763bac..1244e2515b 100644
Binary files a/semcore/dropdown/__tests__/filters-with-dropdown/competitive-density.browser-test.tsx-snapshots/-visual-Verify-Competitive-density-pattern-3-firefox-linux.png and b/semcore/dropdown/__tests__/filters-with-dropdown/competitive-density.browser-test.tsx-snapshots/-visual-Verify-Competitive-density-pattern-3-firefox-linux.png differ
diff --git a/semcore/dropdown/__tests__/filters-with-dropdown/competitive-density.browser-test.tsx-snapshots/-visual-Verify-Competitive-density-pattern-3-webkit-linux.png b/semcore/dropdown/__tests__/filters-with-dropdown/competitive-density.browser-test.tsx-snapshots/-visual-Verify-Competitive-density-pattern-3-webkit-linux.png
index 6172af5a25..023e5047be 100644
Binary files a/semcore/dropdown/__tests__/filters-with-dropdown/competitive-density.browser-test.tsx-snapshots/-visual-Verify-Competitive-density-pattern-3-webkit-linux.png and b/semcore/dropdown/__tests__/filters-with-dropdown/competitive-density.browser-test.tsx-snapshots/-visual-Verify-Competitive-density-pattern-3-webkit-linux.png differ
diff --git a/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx b/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx
index 4be940f159..fdc0067473 100644
--- a/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx
+++ b/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx
@@ -127,7 +127,7 @@ test.describe(TAG.FUNCTIONAL, () => {
       await locators.popper(page).waitFor({ state: 'hidden' });
 
       await expect(locators.trigger(page)).toBeFocused();
-      await expect(locators.trigger(page)).toHaveText(/Volume:\s*1,001-10,000/);
+      await expect(locators.trigger(page)).toHaveText(/Volume:\s*1,001–10,000/);
     });
 
     await test.step('Verify hint on close button and trigger keyboard navigation', async () => {
@@ -177,7 +177,7 @@ test.describe(TAG.FUNCTIONAL, () => {
       await page.keyboard.press('Tab');
       await page.keyboard.press('Enter');
       await locators.popper(page).waitFor({ state: 'hidden' });
-      await expect(locators.trigger(page)).toHaveText(/Volume:\s*1-5+/);
+      await expect(locators.trigger(page)).toHaveText(/Volume:\s*1–5+/);
     });
   });
 
@@ -200,7 +200,7 @@ test.describe(TAG.FUNCTIONAL, () => {
       await locators.popper(page).waitFor({ state: 'hidden' });
 
       await expect(locators.popper(page)).toBeHidden();
-      await expect(locators.trigger(page)).toHaveText(/Volume:\s*1,001-10,000/);
+      await expect(locators.trigger(page)).toHaveText(/Volume:\s*1,001–10,000/);
       await expect(locators.filterTriggerClear(page)).toHaveCount(1);
     });
 
@@ -231,7 +231,7 @@ test.describe(TAG.FUNCTIONAL, () => {
       await locators.textboxes(page).nth(1).fill('5');
       await locators.apply(page).click();
       await locators.popper(page).waitFor({ state: 'hidden' });
-      await expect(locators.trigger(page)).toHaveText(/Volume:\s*1-5/);
+      await expect(locators.trigger(page)).toHaveText(/Volume:\s*1–5/);
     });
   });
 });
diff --git a/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-1-chromium-linux.png b/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-1-chromium-linux.png
index 9428cc6d96..fb2a26d7ef 100644
Binary files a/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-1-chromium-linux.png and b/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-1-chromium-linux.png differ
diff --git a/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-1-firefox-linux.png b/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-1-firefox-linux.png
index d7b60bd262..913ee9a7e0 100644
Binary files a/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-1-firefox-linux.png and b/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-1-firefox-linux.png differ
diff --git a/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-1-webkit-linux.png b/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-1-webkit-linux.png
index 78bf7a8f3b..78b222d8c9 100644
Binary files a/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-1-webkit-linux.png and b/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-1-webkit-linux.png differ
diff --git a/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-2-chromium-linux.png b/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-2-chromium-linux.png
index 0456160c92..a328bc5a04 100644
Binary files a/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-2-chromium-linux.png and b/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-2-chromium-linux.png differ
diff --git a/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-2-firefox-linux.png b/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-2-firefox-linux.png
index d91ff0be9e..549b0ea0da 100644
Binary files a/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-2-firefox-linux.png and b/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-2-firefox-linux.png differ
diff --git a/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-2-webkit-linux.png b/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-2-webkit-linux.png
index 15c1e8a237..01ad99c8da 100644
Binary files a/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-2-webkit-linux.png and b/semcore/select/__tests__/filters-with-select/filter-kd-positions-volume.browser-test.tsx-snapshots/-visual-Verify-filter-KD-positions-volume-visual-states-2-webkit-linux.png differ
diff --git a/stories/patterns/filters/filter-custom-range/docs/examples/basic-example.tsx b/stories/patterns/filters/filter-custom-range/docs/examples/basic-example.tsx
index c16661cdf9..f5b1fef3c9 100644
--- a/stories/patterns/filters/filter-custom-range/docs/examples/basic-example.tsx
+++ b/stories/patterns/filters/filter-custom-range/docs/examples/basic-example.tsx
@@ -86,7 +86,7 @@ const InputRange: React.FC<InputRangeProps> = ({ value: valueState, changeValue,
 
 const setTriggerText = ({ from, to }: { from: string; to: string }): string | null => {
   if (from !== '' && to !== '') {
-    return from === to ? `${from}` : `${from}-${to}`;
+    return from === to ? `${from}` : `${from}–${to}`;
   }
   return null;
 };
diff --git a/stories/patterns/filters/filter-custom-range/docs/examples/presets.tsx b/stories/patterns/filters/filter-custom-range/docs/examples/presets.tsx
index 76d568a669..7f0ad47df5 100644
--- a/stories/patterns/filters/filter-custom-range/docs/examples/presets.tsx
+++ b/stories/patterns/filters/filter-custom-range/docs/examples/presets.tsx
@@ -175,7 +175,7 @@ const Demo = () => {
       </Select.Trigger>
       <Select.Popper w={224} aria-label='Volume'>
         <Select.List aria-label='Presets'>
-          {['100,001+', '10,001-100,000', '1,001-10,000', '101-1,000', '11-100', '1-10'].map(
+          {['100,001+', '10,001–100,000', '1,001–10,000', '101–1,000', '11–100', '1–10'].map(
             (item) => (
               <Select.Option key={item} value={item}>
                 {item}
diff --git a/website/docs/.vitepress/renderSandbox.ts b/website/docs/.vitepress/renderSandbox.ts
index 3b77f477af..7131383f9a 100644
--- a/website/docs/.vitepress/renderSandbox.ts
+++ b/website/docs/.vitepress/renderSandbox.ts
@@ -190,8 +190,8 @@ export const renderSandbox = (
         tokens[idx + 1].executableCode = executableCode;
       }
 
-      const encodedHtmlCode = btoa(htmlCode);
-      const encodedRawCode = btoa(displayedCode);
+      const encodedHtmlCode = Buffer.from(htmlCode).toString('base64');
+      const encodedRawCode = Buffer.from(displayedCode).toString('base64');
 
       const sandboxArgs: Record<string, string | boolean> = {
         playgroundId: playgroundId,
@@ -201,7 +201,7 @@ export const renderSandbox = (
       };
 
       if (mockData) {
-        sandboxArgs.mockData = btoa(mockData);
+        sandboxArgs.mockData = Buffer.from(mockData).toString('base64');
       }
 
       const args = Object.entries(sandboxArgs).reduce((acc, [key, value]) => {
diff --git a/website/docs/.vitepress/theme/Sandbox.vue b/website/docs/.vitepress/theme/Sandbox.vue
index f641ce5c2d..5c4a69b890 100644
--- a/website/docs/.vitepress/theme/Sandbox.vue
+++ b/website/docs/.vitepress/theme/Sandbox.vue
@@ -33,8 +33,11 @@ const dataToLzCompressedJson = (data) => {
 };
 
 const { playgroundId, htmlCode: codeEncoded, rawCode: rawCodeEncoded, hideCode: hideCodeEncoded, stylesIsolation, mockData: mockDataEncoded } = defineProps({ playgroundId: String, htmlCode: String, rawCode: String, hideCode: String, stylesIsolation: Boolean, mockData: String })
+
+const decodeBase64 = (str: string) => new TextDecoder().decode(Uint8Array.from(atob(str), c => c.charCodeAt(0)));
+
 const htmlCode = computed(() => {
-  let code = atob(codeEncoded!);
+  let code = decodeBase64(codeEncoded!);
   return code.replace('tabindex="0" v-pre=""><code>', 'v-pre=""><code>');
 });
 
@@ -116,9 +119,9 @@ root.render(<App />);
   return `https://codesandbox.io/api/v1/sandboxes/define?parameters=${codesandboxParameters}`;
 })
 
-let rawCode = atob(rawCodeEncoded!);
+let rawCode = decodeBase64(rawCodeEncoded!);
 const hideCode = hideCodeEncoded === 'true';
-const mockData = mockDataEncoded && atob(mockDataEncoded);
+const mockData = mockDataEncoded && decodeBase64(mockDataEncoded);
 
 let reactRoot;