diff --git a/ui/src/components/layout/TopNav.tsx b/ui/src/components/layout/TopNav.tsx
index 121acc0a..e2e86d94 100644
--- a/ui/src/components/layout/TopNav.tsx
+++ b/ui/src/components/layout/TopNav.tsx
@@ -28,6 +28,11 @@ export function TopNav() {
             Applications
           </NavLink>
         </li>
+        <li>
+          <a href="/api/v1/swagger-ui/index.html" target="_blank" rel="noopener noreferrer" className={styles.navLink}>
+            API
+          </a>
+        </li>
         {roles.includes('ADMIN') && (
           <li>
             <NavLink to="/admin/oidc" className={({ isActive }) => isActive ? styles.navLinkActive : styles.navLink}>