diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/states/state-controller.component.ts b/ui-ngx/src/app/modules/home/pages/dashboard/states/state-controller.component.ts
index 1c4d4f2cb3..ae3600409d 100644
--- a/ui-ngx/src/app/modules/home/pages/dashboard/states/state-controller.component.ts
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/states/state-controller.component.ts
@@ -100,7 +100,7 @@ export abstract class StateControllerComponent implements IStateControllerCompon
     this.rxSubscriptions.push(this.route.queryParamMap.subscribe((paramMap) => {
       const dashboardId = this.route.snapshot.params.dashboardId;
       if (this.dashboardId === dashboardId) {
-        const newState = paramMap.get('state');
+        const newState = decodeURIComponent(paramMap.get('state'));
         if (this.currentState !== newState) {
           this.currentState = newState;
           if (this.inited) {
@@ -147,7 +147,7 @@ export abstract class StateControllerComponent implements IStateControllerCompon
   }
 
   public reInit() {
-    this.currentState = this.route.snapshot.queryParamMap.get('state');
+    this.currentState = decodeURIComponent(this.route.snapshot.queryParamMap.get('state'));
     this.init();
   }