diff --git a/web/packages/teleport/src/Main/Main.tsx b/web/packages/teleport/src/Main/Main.tsx
index 29b853e4deebf..95b3215692736 100644
--- a/web/packages/teleport/src/Main/Main.tsx
+++ b/web/packages/teleport/src/Main/Main.tsx
@@ -129,10 +129,9 @@ export function Main(props: MainProps) {
   if (
     matchPath(history.location.pathname, { path: cfg.routes.root, exact: true })
   ) {
-    const indexRoute = getFirstRouteForCategory(
-      features,
-      NavigationCategory.Resources
-    );
+    const indexRoute = cfg.isDashboard
+      ? cfg.routes.downloadCenter
+      : getFirstRouteForCategory(features, NavigationCategory.Resources);
 
     return <Redirect to={indexRoute} />;
   }
diff --git a/web/packages/teleport/src/TopBar/TopBar.tsx b/web/packages/teleport/src/TopBar/TopBar.tsx
index 8e8232941d01f..72d87a9270c70 100644
--- a/web/packages/teleport/src/TopBar/TopBar.tsx
+++ b/web/packages/teleport/src/TopBar/TopBar.tsx
@@ -25,7 +25,7 @@ import { matchPath, useHistory } from 'react-router';
 
 import { BrainIcon } from 'design/SVGIcon';
 
-import { ArrowLeft, Server, SlidersVertical } from 'design/Icon';
+import { ArrowLeft, Download, Server, SlidersVertical } from 'design/Icon';
 import { HoverTooltip } from 'shared/components/ToolTip';
 
 import useTeleport from 'teleport/useTeleport';
@@ -87,6 +87,8 @@ export function TopBar({ CustomLogo }: TopBarProps) {
     history?.location?.pathname === cfg.getUnifiedResourcesRoute(clusterId);
   const managementTabSelected =
     feature?.category === NavigationCategory.Management;
+  const downloadTabSelected =
+    history?.location?.pathname === cfg.routes.downloadCenter;
 
   return (
     <TopBarContainer
@@ -107,30 +109,57 @@ export function TopBar({ CustomLogo }: TopBarProps) {
               }
             `}
           >
-            <NavigationButton
-              selected={resourceTabSelected}
-              to={cfg.getUnifiedResourcesRoute(clusterId)}
-              title="Resources"
-            >
-              <Server
-                color={resourceTabSelected ? 'text.main' : 'text.muted'}
-              />
-              <Text
-                ml={3}
-                fontSize={18}
-                fontWeight={500}
-                css={`
-                  display: none;
-                  @media screen and (min-width: ${p =>
-                      p.theme.breakpoints.medium}px) {
-                    display: block;
-                  }
-                `}
-                color={resourceTabSelected ? 'text.main' : 'text.muted'}
+            {cfg.isDashboard ? (
+              <NavigationButton
+                selected={downloadTabSelected}
+                to={cfg.routes.downloadCenter}
+                title="Downloads"
               >
-                Resources
-              </Text>
-            </NavigationButton>
+                <Download
+                  color={downloadTabSelected ? 'text.main' : 'text.muted'}
+                />
+                <Text
+                  ml={3}
+                  fontSize={18}
+                  fontWeight={500}
+                  css={`
+                    display: none;
+                    @media screen and (min-width: ${p =>
+                        p.theme.breakpoints.medium}px) {
+                      display: block;
+                    }
+                  `}
+                  color={downloadTabSelected ? 'text.main' : 'text.muted'}
+                >
+                  Downloads
+                </Text>
+              </NavigationButton>
+            ) : (
+              <NavigationButton
+                selected={resourceTabSelected}
+                to={cfg.getUnifiedResourcesRoute(clusterId)}
+                title="Resources"
+              >
+                <Server
+                  color={resourceTabSelected ? 'text.main' : 'text.muted'}
+                />
+                <Text
+                  ml={3}
+                  fontSize={18}
+                  fontWeight={500}
+                  css={`
+                    display: none;
+                    @media screen and (min-width: ${p =>
+                        p.theme.breakpoints.medium}px) {
+                      display: block;
+                    }
+                  `}
+                  color={resourceTabSelected ? 'text.main' : 'text.muted'}
+                >
+                  Resources
+                </Text>
+              </NavigationButton>
+            )}
             <NavigationButton
               selected={managementTabSelected}
               to={getFirstRouteForCategory(
diff --git a/web/packages/teleport/src/config.ts b/web/packages/teleport/src/config.ts
index 26b8fcefffe6b..006c63745fecd 100644
--- a/web/packages/teleport/src/config.ts
+++ b/web/packages/teleport/src/config.ts
@@ -156,6 +156,8 @@ const cfg = {
     oidcHandler: '/v1/webapi/oidc/*',
     samlHandler: '/v1/webapi/saml/*',
     githubHandler: '/v1/webapi/github/*',
+
+    downloadCenter: '/web/downloads',
   },
 
   api: {