diff --git a/plugins/remark-snackplayer/src/index.ts b/plugins/remark-snackplayer/src/index.ts
index ac404875cf5..aa0e917a58d 100644
--- a/plugins/remark-snackplayer/src/index.ts
+++ b/plugins/remark-snackplayer/src/index.ts
@@ -33,11 +33,9 @@ async function toJsxNode(node: Code) {
   const params = parseParams(node.meta ?? undefined);
 
   // Gather necessary Params
-  const name = params.name ? decodeURIComponent(params.name) : 'Example';
-  const description = params.description
-    ? decodeURIComponent(params.description)
-    : 'Example usage';
-  const ext = params.ext ? decodeURIComponent(params.ext) : 'tsx';
+  const name = params.name || 'Example';
+  const description = params.description || 'Example usage';
+  const ext = params.ext || 'tsx';
   const filename = `App.${ext}`;
   const files = encodeURIComponent(
     JSON.stringify({
diff --git a/plugins/remark-snackplayer/tests/markdown/test1.md b/plugins/remark-snackplayer/tests/markdown/test1.md
index 052c2822cf4..5b72ca8e12b 100644
--- a/plugins/remark-snackplayer/tests/markdown/test1.md
+++ b/plugins/remark-snackplayer/tests/markdown/test1.md
@@ -1,4 +1,4 @@
-```SnackPlayer name=Hello%20World
+```SnackPlayer name=Hello%20World%20100%25%20Native
 import React from 'react';
 import { Text, View } from 'react-native';
 
diff --git a/plugins/remark-snackplayer/tests/output/output1.html b/plugins/remark-snackplayer/tests/output/output1.html
index 3080ebb7414..6da9f267405 100644
--- a/plugins/remark-snackplayer/tests/output/output1.html
+++ b/plugins/remark-snackplayer/tests/output/output1.html
@@ -1,6 +1,6 @@
 <div
   className="snack-player"
-  data-snack-name="Hello World"
+  data-snack-name="Hello World 100% Native"
   data-snack-description="Example usage"
   data-snack-files="%7B%22App.tsx%22%3A%7B%22type%22%3A%22CODE%22%2C%22contents%22%3A%22import%20React%20from%20'react'%3B%5Cnimport%20%7B%20Text%2C%20View%20%7D%20from%20'react-native'%3B%5Cn%5Cnconst%20YourApp%20%3D%20()%20%3D%3E%20%7B%5Cn%20%20%20%20return%20(%5Cn%20%20%20%20%3CView%20style%3D%7B%7B%20flex%3A%201%2C%20justifyContent%3A%20%5C%22center%5C%22%2C%20alignItems%3A%20%5C%22center%5C%22%20%7D%7D%3E%5Cn%20%20%20%20%20%20%20%20%3CText%3E%5Cn%20%20%20%20%20%20%20%20Try%20editing%20me!%20%F0%9F%8E%89%5Cn%20%20%20%20%20%20%20%20%3C%2FText%3E%5Cn%20%20%20%20%3C%2FView%3E%5Cn%20%20%20%20)%3B%5Cn%7D%5Cn%5Cnexport%20default%20YourApp%3B%22%7D%7D"
   data-snack-dependencies="react-native-safe-area-context"