diff --git a/changelogs/fragments/8530.yml b/changelogs/fragments/8530.yml
new file mode 100644
index 000000000000..9cc0707cebdb
--- /dev/null
+++ b/changelogs/fragments/8530.yml
@@ -0,0 +1,2 @@
+fix:
+- Encode searchId as it tends to be decoded after adds into url. ([#8530](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/8530))
\ No newline at end of file
diff --git a/src/plugins/visualizations/public/wizard/new_vis_modal.tsx b/src/plugins/visualizations/public/wizard/new_vis_modal.tsx
index 00a2253ea3ee..c2428174e5aa 100644
--- a/src/plugins/visualizations/public/wizard/new_vis_modal.tsx
+++ b/src/plugins/visualizations/public/wizard/new_vis_modal.tsx
@@ -170,6 +170,7 @@ class NewVisModal extends React.Component<TypeSelectionProps, TypeSelectionState
     }
 
     params = [`type=${encodeURIComponent(visType.name)}`];
+    searchId = encodeURIComponent(searchId || '');
 
     if (searchType) {
       params.push(`${searchType === 'search' ? 'savedSearchId' : 'indexPattern'}=${searchId}`);