diff --git a/packages/web/src/components/AppRow/index.tsx b/packages/web/src/components/AppRow/index.tsx
index f059c6cc..0ac728d1 100644
--- a/packages/web/src/components/AppRow/index.tsx
+++ b/packages/web/src/components/AppRow/index.tsx
@@ -25,11 +25,11 @@ const countTranslation = (value: React.ReactNode) => (
 
 function AppRow(props: AppRowProps): React.ReactElement {
   const formatMessage = useFormatMessage();
-  const { name, primaryColor, iconUrl, connectionCount, flowCount } =
+  const { name, key, primaryColor, iconUrl, connectionCount, flowCount } =
     props.application;
 
   return (
-    <Link to={URLS.APP(name.toLowerCase())} data-test="app-row">
+    <Link to={URLS.APP(key)} data-test="app-row">
       <Card sx={{ mb: 1 }}>
         <CardActionArea>
           <CardContent>