diff --git a/ui/src/components/demo/AuditLogs.vue b/ui/src/components/demo/AuditLogs.vue
index 51c3c5d1f3e..025fdfad8bf 100644
--- a/ui/src/components/demo/AuditLogs.vue
+++ b/ui/src/components/demo/AuditLogs.vue
@@ -1,5 +1,5 @@
 <template>
-    <top-nav-bar :title="routeInfo.title" v-if="!isFullScreen()" />
+    <top-nav-bar :title="routeInfo.title" v-if="!isFullScreen() && !embed" />
     <Layout
         :title="t('demos.audit-logs.title')"
         :image="{source: sourceImg, alt: t('demos.audit-logs.title')}"
@@ -26,6 +26,13 @@
 
     const {t} = useI18n();
 
+    defineProps({
+        embed: {
+            type:Boolean,
+            default: false
+        }
+    });
+
     const routeInfo = ref({
         title: t("demos.audit-logs.title"),
     });
diff --git a/ui/src/components/flows/FlowRoot.vue b/ui/src/components/flows/FlowRoot.vue
index f18b2591927..f313543e007 100644
--- a/ui/src/components/flows/FlowRoot.vue
+++ b/ui/src/components/flows/FlowRoot.vue
@@ -29,6 +29,7 @@
     import {apiUrl} from "override/utils/route";
     import FlowRootTopBar from "./FlowRootTopBar.vue";
     import FlowConcurrency from "./FlowConcurrency.vue";
+    import DemoAuditLogs from "../demo/AuditLogs.vue";
 
     export default {
         mixins: [RouteContext],
@@ -267,7 +268,10 @@
                 tabs.push(                    {
                     name: "auditlogs",
                     title: this.$t("auditlogs"),
-                    locked: true
+                    component: DemoAuditLogs,
+                    props:{
+                        embed: true
+                    }
                 });
 
                 return tabs;