diff --git a/frontend/src/container/GridGraphLayout/Graph/index.tsx b/frontend/src/container/GridGraphLayout/Graph/index.tsx
index fa87b67638..42d1d3fb49 100644
--- a/frontend/src/container/GridGraphLayout/Graph/index.tsx
+++ b/frontend/src/container/GridGraphLayout/Graph/index.tsx
@@ -65,7 +65,7 @@ function GridCardGraph({
 						.map(async (query) => {
 							const result = await getQueryResult({
 								end,
-								query: query.query,
+								query: encodeURIComponent(query.query),
 								start,
 								step: '60',
 							});