diff --git a/ui/src/app/app.tsx b/ui/src/app/app.tsx
index 7b73bc50ac70c..79a634ff55f7e 100644
--- a/ui/src/app/app.tsx
+++ b/ui/src/app/app.tsx
@@ -30,12 +30,13 @@ requests.setBaseHRef(base);
 type Routes = {[path: string]: {component: React.ComponentType<RouteComponentProps<any>>; noLayout?: boolean}};
 
 const routes: Routes = {
-    '/login': {component: login.component as any, noLayout: true},
-    '/applications': {component: applications.component},
-    '/settings': {component: settings.component},
-    '/user-info': {component: userInfo.component},
-    '/help': {component: help.component},
-    '/pkce/verify': {component: PKCEVerification, noLayout: true}
+    // for removing trailing slash, use regex (/*)? end of the path.
+    '/login(/*)?': {component: login.component as any, noLayout: true},
+    '/applications(/*)?': {component: applications.component},
+    '/settings(/*)?': {component: settings.component},
+    '/user-info(/*)?': {component: userInfo.component},
+    '/help(/*)?': {component: help.component},
+    '/pkce/verify(/*)?': {component: PKCEVerification, noLayout: true}
 };
 
 interface NavItem {