diff --git a/client/src/containers/Schema/SchemaDetail/Schema.jsx b/client/src/containers/Schema/SchemaDetail/Schema.jsx
index 05ac57110..7282459a1 100644
--- a/client/src/containers/Schema/SchemaDetail/Schema.jsx
+++ b/client/src/containers/Schema/SchemaDetail/Schema.jsx
@@ -54,7 +54,7 @@ class Schema extends Root {
       },
       () => {
         this.props.router.navigate(
-          `/ui/${clusterId}/schema/details/${schemaId}/${this.state.selectedTab}`,
+          `/ui/${clusterId}/schema/details/${encodeURIComponent(schemaId)}/${this.state.selectedTab}`,
           {
             replace: true
           }