diff --git a/airflow-core/src/airflow/ui/src/pages/DagsList/DagTags.tsx b/airflow-core/src/airflow/ui/src/pages/DagsList/DagTags.tsx
index 6f28113236f88..f4d38d62abebd 100644
--- a/airflow-core/src/airflow/ui/src/pages/DagsList/DagTags.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/DagsList/DagTags.tsx
@@ -35,7 +35,7 @@ export const DagTags = ({ hideIcon = false, tags }: Props) => (
     icon={hideIcon ? undefined : <FiTag data-testid="dag-tag" />}
     interactive
     items={tags.map(({ name }) => (
-      <RouterLink key={name} to={`/dags?${SearchParamsKeys.TAGS}=${name}`}>
+      <RouterLink key={name} to={`/dags?${SearchParamsKeys.TAGS}=${encodeURIComponent(name)}`}>
         {name}
       </RouterLink>
     ))}