diff --git a/src/apps/admin/src/admin-app.routes.tsx b/src/apps/admin/src/admin-app.routes.tsx
index a6f0023dd..08e252429 100644
--- a/src/apps/admin/src/admin-app.routes.tsx
+++ b/src/apps/admin/src/admin-app.routes.tsx
@@ -1,3 +1,4 @@
+import { baseDetailPath, createBadgePath } from '~/apps/gamification-admin'
 import { AppSubdomain, ToolTitle } from '~/config'
 import {
     lazyLoad,
@@ -9,9 +10,11 @@ import {
 
 import {
     billingAccountRouteId,
+    gamificationAdminRouteId,
     manageChallengeRouteId,
     manageReviewRouteId,
     permissionManagementRouteId,
+    platformRouteId,
     rootRoute,
     userManagementRouteId,
 } from './config/routes.config'
@@ -107,6 +110,17 @@ const PermissionAddGroupMembersPage: LazyLoadedComponent = lazyLoad(
     'PermissionAddGroupMembersPage',
 )
 
+const Platform: LazyLoadedComponent = lazyLoad(() => import('./platform/Platform'))
+const BadgeDetailPage: LazyLoadedComponent = lazyLoad(
+    () => import('../../gamification-admin/src/pages/badge-detail/BadgeDetailPage'),
+)
+const BadgeListingPage: LazyLoadedComponent = lazyLoad(
+    () => import('../../gamification-admin/src/pages/badge-listing/BadgeListingPage'),
+)
+const CreateBadgePage: LazyLoadedComponent = lazyLoad(
+    () => import('../../gamification-admin/src/pages/create-badge/CreateBadgePage'),
+)
+
 export const toolTitle: string = ToolTitle.admin
 
 export const adminRoutes: ReadonlyArray<PlatformRoute> = [
@@ -256,6 +270,29 @@ export const adminRoutes: ReadonlyArray<PlatformRoute> = [
                 id: permissionManagementRouteId,
                 route: permissionManagementRouteId,
             },
+            {
+                children: [
+                    {
+                        element: (
+                            <BadgeListingPage
+                                rootPage={`${rootRoute}/${platformRouteId}/${gamificationAdminRouteId}`}
+                            />
+                        ),
+                        route: gamificationAdminRouteId,
+                    },
+                    {
+                        element: <CreateBadgePage />,
+                        route: `${gamificationAdminRouteId}${createBadgePath}`,
+                    },
+                    {
+                        element: <BadgeDetailPage />,
+                        route: `${gamificationAdminRouteId}${baseDetailPath}/:id`,
+                    },
+                ],
+                element: <Platform />,
+                id: platformRouteId,
+                route: platformRouteId,
+            },
         ],
         domain: AppSubdomain.admin,
         element: <AdminApp />,
diff --git a/src/apps/admin/src/config/routes.config.ts b/src/apps/admin/src/config/routes.config.ts
index 080a79e7d..fe857eb00 100644
--- a/src/apps/admin/src/config/routes.config.ts
+++ b/src/apps/admin/src/config/routes.config.ts
@@ -13,3 +13,5 @@ export const manageReviewRouteId = 'review-management'
 export const userManagementRouteId = 'user-management'
 export const billingAccountRouteId = 'billing-account'
 export const permissionManagementRouteId = 'permission-management'
+export const gamificationAdminRouteId = 'gamification-admin'
+export const platformRouteId = 'platform'
diff --git a/src/apps/admin/src/lib/components/common/Layout/Layout.module.scss b/src/apps/admin/src/lib/components/common/Layout/Layout.module.scss
index 283bc6d49..a55421f07 100644
--- a/src/apps/admin/src/lib/components/common/Layout/Layout.module.scss
+++ b/src/apps/admin/src/lib/components/common/Layout/Layout.module.scss
@@ -13,6 +13,15 @@
         @include ltelg {
             padding: $sp-4;
         }
+
+        &.isPlatformPage {
+            padding: 0;
+            background-color: white;
+
+            @include ltelg {
+                padding: 0;
+            }
+        }
     }
 }
 
diff --git a/src/apps/admin/src/lib/components/common/Layout/Layout.tsx b/src/apps/admin/src/lib/components/common/Layout/Layout.tsx
index 3e249d083..cfd77cf01 100644
--- a/src/apps/admin/src/lib/components/common/Layout/Layout.tsx
+++ b/src/apps/admin/src/lib/components/common/Layout/Layout.tsx
@@ -1,28 +1,41 @@
-import { FC, PropsWithChildren } from 'react'
+import { FC, PropsWithChildren, useMemo } from 'react'
+import { useLocation } from 'react-router-dom'
+import classNames from 'classnames'
 
+import { platformRouteId } from '~/apps/admin/src/config/routes.config'
 import { ContentLayout } from '~/libs/ui'
 
 import { SystemAdminTabs } from '../Tab'
 
 import styles from './Layout.module.scss'
 
-export const NullLayout: FC<PropsWithChildren> = props => (
-    <>{props.children}</>
-)
+export const NullLayout: FC<PropsWithChildren> = props => <>{props.children}</>
 
-export const Layout: FC<PropsWithChildren> = props => (
-    <ContentLayout
-        innerClass={styles.contantentLayoutInner}
-        outerClass={styles.contentLayoutOuter}
-    >
-        <div className={styles.layout}>
-            <SystemAdminTabs />
+export const Layout: FC<PropsWithChildren> = props => {
+    const { pathname }: { pathname: string } = useLocation()
+    const isPlatformPage = useMemo(
+        () => pathname.indexOf(platformRouteId) >= 0,
+        [pathname],
+    )
 
-            <div className={styles.main}>
-                {props.children}
+    return (
+        <ContentLayout
+            innerClass={styles.contantentLayoutInner}
+            outerClass={styles.contentLayoutOuter}
+        >
+            <div className={styles.layout}>
+                <SystemAdminTabs />
+
+                <div
+                    className={classNames(styles.main, {
+                        [styles.isPlatformPage]: isPlatformPage,
+                    })}
+                >
+                    {props.children}
+                </div>
             </div>
-        </div>
-    </ContentLayout>
-)
+        </ContentLayout>
+    )
+}
 
 export default Layout
diff --git a/src/apps/admin/src/lib/components/common/Tab/config/system-admin-tabs-config.ts b/src/apps/admin/src/lib/components/common/Tab/config/system-admin-tabs-config.ts
index fe9bbbeb2..a3075d886 100644
--- a/src/apps/admin/src/lib/components/common/Tab/config/system-admin-tabs-config.ts
+++ b/src/apps/admin/src/lib/components/common/Tab/config/system-admin-tabs-config.ts
@@ -3,9 +3,11 @@ import _ from 'lodash'
 import { TabsNavItem } from '~/libs/ui'
 import {
     billingAccountRouteId,
+    gamificationAdminRouteId,
     manageChallengeRouteId,
     manageReviewRouteId,
     permissionManagementRouteId,
+    platformRouteId,
     userManagementRouteId,
 } from '~/apps/admin/src/config/routes.config'
 
@@ -50,6 +52,16 @@ export const SystemAdminTabsConfig: TabsNavItem[] = [
         id: permissionManagementRouteId,
         title: 'Permission Management',
     },
+    {
+        children: [
+            {
+                id: `${platformRouteId}/${gamificationAdminRouteId}`,
+                title: 'Badges',
+            },
+        ],
+        id: platformRouteId,
+        title: 'Platform',
+    },
 ]
 
 export function getTabIdFromPathName(pathname: string): string {
diff --git a/src/apps/admin/src/platform/Platform.tsx b/src/apps/admin/src/platform/Platform.tsx
new file mode 100644
index 000000000..7990772f3
--- /dev/null
+++ b/src/apps/admin/src/platform/Platform.tsx
@@ -0,0 +1,37 @@
+/**
+ * Wrapper for permission managment
+ */
+import { FC, useContext, useMemo } from 'react'
+import { Outlet, Routes } from 'react-router-dom'
+
+import { routerContext, RouterContextData } from '~/libs/core'
+
+import { adminRoutes } from '../admin-app.routes'
+import { platformRouteId } from '../config/routes.config'
+
+/**
+ * The router outlet with layout.
+ */
+export const Platform: FC = () => {
+    const childRoutes = useChildRoutes()
+
+    return (
+        <>
+            <Outlet />
+            <Routes>{childRoutes}</Routes>
+        </>
+    )
+}
+
+function useChildRoutes(): Array<JSX.Element> | undefined {
+    const { getRouteElement }: RouterContextData = useContext(routerContext)
+    const childRoutes = useMemo(
+        () => adminRoutes[0].children
+            ?.find(r => r.id === platformRouteId)
+            ?.children?.map(getRouteElement),
+        [], // eslint-disable-line react-hooks/exhaustive-deps -- missing dependency: getRouteElement
+    )
+    return childRoutes
+}
+
+export default Platform
diff --git a/src/apps/gamification-admin/src/GamificationAdmin.tsx b/src/apps/gamification-admin/src/GamificationAdmin.tsx
deleted file mode 100644
index 956e8d21a..000000000
--- a/src/apps/gamification-admin/src/GamificationAdmin.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { FC, useContext } from 'react'
-import { Outlet, Routes } from 'react-router-dom'
-import { SWRConfig } from 'swr'
-
-import { ToolTitle } from '~/config'
-import { routerContext, RouterContextData, xhrGetAsync } from '~/libs/core'
-
-export const toolTitle: string = ToolTitle.gamificationAdmin
-
-const GamificationAdmin: FC<{}> = () => {
-
-    const { getChildRoutes }: RouterContextData = useContext(routerContext)
-
-    return (
-        <SWRConfig
-            value={{
-                fetcher: resource => xhrGetAsync(resource),
-                refreshInterval: 60000, // 1 min
-            }}
-        >
-            <Outlet />
-            <Routes>
-                {getChildRoutes(toolTitle)}
-            </Routes>
-        </SWRConfig>
-    )
-}
-
-export default GamificationAdmin
diff --git a/src/apps/gamification-admin/src/game-lib/hooks/use-gamification-breadcrumb.hook.tsx b/src/apps/gamification-admin/src/game-lib/hooks/use-gamification-breadcrumb.hook.tsx
deleted file mode 100644
index 4bcbae662..000000000
--- a/src/apps/gamification-admin/src/game-lib/hooks/use-gamification-breadcrumb.hook.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { BreadcrumbItemModel } from '~/libs/ui'
-
-import { toolTitle } from '../../GamificationAdmin'
-import { rootRoute } from '../../gamification-admin.routes'
-
-export function useGamificationBreadcrumb(items: Array<BreadcrumbItemModel>): Array<BreadcrumbItemModel> {
-
-    const breadcrumb: Array<BreadcrumbItemModel> = [
-        {
-            name: toolTitle,
-            url: rootRoute || '/',
-        },
-        ...items,
-    ]
-
-    return breadcrumb
-}
diff --git a/src/apps/gamification-admin/src/game-lib/index.ts b/src/apps/gamification-admin/src/game-lib/index.ts
index f7cba96f4..dc15c5b7b 100644
--- a/src/apps/gamification-admin/src/game-lib/index.ts
+++ b/src/apps/gamification-admin/src/game-lib/index.ts
@@ -1,6 +1,5 @@
 export * from './game-badge.model'
 export * from './hooks/use-get-game-badges-page.hook'
-export * from './hooks/use-gamification-breadcrumb.hook'
 export * from './hooks/use-get-game-badge-details.hook'
 export * from './member-autocomplete'
 export * from './pagination'
diff --git a/src/apps/gamification-admin/src/game-lib/modals/badge-created-modal/BadgeCreatedModal.tsx b/src/apps/gamification-admin/src/game-lib/modals/badge-created-modal/BadgeCreatedModal.tsx
index bbfd48005..95ff0e600 100644
--- a/src/apps/gamification-admin/src/game-lib/modals/badge-created-modal/BadgeCreatedModal.tsx
+++ b/src/apps/gamification-admin/src/game-lib/modals/badge-created-modal/BadgeCreatedModal.tsx
@@ -12,6 +12,7 @@ export interface BadgeCreatedModalProps {
     badge: GameBadge
     isOpen: boolean
     onClose: () => void
+    rootPage: string;
 }
 
 const BadgeCreatedModal: FC<BadgeCreatedModalProps> = (props: BadgeCreatedModalProps) => {
@@ -52,7 +53,7 @@ const BadgeCreatedModal: FC<BadgeCreatedModalProps> = (props: BadgeCreatedModalP
                             label='View'
                             primary
                             size='lg'
-                            to={badgeDetailPath(props.badge.id)}
+                            to={badgeDetailPath(props.rootPage, props.badge.id)}
                         />
                         <Button
                             label='Create a new badge'
diff --git a/src/apps/gamification-admin/src/gamification-admin.routes.tsx b/src/apps/gamification-admin/src/gamification-admin.routes.tsx
index f59d4bbdd..ba4c20492 100644
--- a/src/apps/gamification-admin/src/gamification-admin.routes.tsx
+++ b/src/apps/gamification-admin/src/gamification-admin.routes.tsx
@@ -1,48 +1,14 @@
-import { AppSubdomain, EnvironmentConfig } from '~/config'
-import { lazyLoad, LazyLoadedComponent, PlatformRoute, UserRole } from '~/libs/core'
-
-import { toolTitle } from './GamificationAdmin'
-
-const GamificationAdmin: LazyLoadedComponent = lazyLoad(() => import('./GamificationAdmin'))
-const BadgeDetailPage: LazyLoadedComponent = lazyLoad(() => import('./pages/badge-detail/BadgeDetailPage'))
-const BadgeListingPage: LazyLoadedComponent = lazyLoad(() => import('./pages/badge-listing/BadgeListingPage'))
-const CreateBadgePage: LazyLoadedComponent = lazyLoad(() => import('./pages/create-badge/CreateBadgePage'))
-
-export const rootRoute: string = (
-    EnvironmentConfig.SUBDOMAIN === AppSubdomain.gamificationAdmin ? '' : `/${AppSubdomain.gamificationAdmin}`
-)
 export const baseDetailPath: string = '/badge-detail'
 export const createBadgePath: string = '/create-badge'
 
-export function badgeDetailPath(badgeId: string, view?: 'edit' | 'award'): string {
-    return `${rootRoute}${baseDetailPath}/${badgeId}${!!view ? `#${view}` : ''}`
+export function badgeDetailPath(
+    rootPage: string,
+    badgeId: string,
+    view?: 'edit' | 'award',
+): string {
+    return `${rootPage}${baseDetailPath}/${badgeId}${!!view ? `#${view}` : ''}`
 }
 
-export const createBadgeRoute: string = `${rootRoute}${createBadgePath}`
-
-export const gamificationAdminRoutes: ReadonlyArray<PlatformRoute> = [
-    {
-        authRequired: true,
-        children: [
-            {
-                element: <BadgeListingPage />,
-                route: '/',
-            },
-            {
-                element: <CreateBadgePage />,
-                route: createBadgePath,
-            },
-            {
-                element: <BadgeDetailPage />,
-                route: `${baseDetailPath}/:id`,
-            },
-        ],
-        domain: AppSubdomain.gamificationAdmin,
-        element: <GamificationAdmin />,
-        id: toolTitle,
-        rolesRequired: [
-            UserRole.gamificationAdmin,
-        ],
-        route: rootRoute,
-    },
-]
+export const createBadgeRoute: (rootPage: string) => string = (
+    rootPage: string,
+) => `${rootPage}${createBadgePath}`
diff --git a/src/apps/gamification-admin/src/pages/badge-detail/BadgeDetailPage.tsx b/src/apps/gamification-admin/src/pages/badge-detail/BadgeDetailPage.tsx
index 6a1b40d90..49bd6560f 100644
--- a/src/apps/gamification-admin/src/pages/badge-detail/BadgeDetailPage.tsx
+++ b/src/apps/gamification-admin/src/pages/badge-detail/BadgeDetailPage.tsx
@@ -9,9 +9,10 @@ import {
     RefObject,
     SetStateAction,
     useEffect,
+    useMemo,
     useState,
 } from 'react'
-import { Params, useLocation, useParams } from 'react-router-dom'
+import { Params, useLocation, useNavigate, useParams } from 'react-router-dom'
 import { toast } from 'react-toastify'
 import { KeyedMutator, useSWRConfig } from 'swr'
 import { FullConfiguration } from 'swr/dist/types'
@@ -20,8 +21,6 @@ import MarkdownIt from 'markdown-it'
 import sanitizeHtml from 'sanitize-html'
 
 import {
-    Breadcrumb,
-    BreadcrumbItemModel,
     Button,
     ButtonProps,
     ContentLayout,
@@ -39,7 +38,6 @@ import {
     BadgeDetailPageHandler,
     GameBadge,
     Sort,
-    useGamificationBreadcrumb,
     useGetGameBadgeDetails,
     useGetGameBadgesPage,
 } from '../../game-lib'
@@ -60,20 +58,18 @@ const md: MarkdownIt = new MarkdownIt({
     // typographer: true,
 })
 
-const BadgeDetailPage: FC = () => {
+interface Props extends GameBadge {
+    rootPage: string;
+}
+const BadgeDetailPage: FC<Props> = (props: Props) => {
+    const initColumns = useMemo(() => badgeListingColumns(props.rootPage), [props.rootPage])
+    const navigate = useNavigate()
     const [headerButtonConfig, setHeaderButtonConfig]: [
         ButtonProps | undefined,
         Dispatch<SetStateAction<ButtonProps | undefined>>,
     ]
         = useState<ButtonProps | undefined>()
 
-    const breadcrumb: Array<BreadcrumbItemModel> = useGamificationBreadcrumb([
-        {
-            name: 'badge detail',
-            url: '#',
-        },
-    ])
-
     const { id: badgeID }: Readonly<Params<string>> = useParams()
 
     const { hash }: { hash: string } = useLocation()
@@ -106,7 +102,7 @@ const BadgeDetailPage: FC = () => {
         = useState<boolean>(false)
 
     // badgeListingMutate will reset badge listing page cache when called
-    const sort: Sort = tableGetDefaultSort(badgeListingColumns)
+    const sort: Sort = tableGetDefaultSort(initColumns)
     const { mutate: badgeListingMutate }: { mutate: KeyedMutator<any> } = useGetGameBadgesPage(sort)
 
     const [badgeNameErrorText, setBadgeNameErrorText]: [
@@ -153,6 +149,7 @@ const BadgeDetailPage: FC = () => {
                     onBadgeUpdated()
                 })
         }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         newImageFile,
     ])
@@ -175,6 +172,7 @@ const BadgeDetailPage: FC = () => {
                 default: break
             }
         }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         badgeDetailsHandler.data,
     ])
@@ -201,6 +199,7 @@ const BadgeDetailPage: FC = () => {
                 setShowActivatedModal(true)
                 onBadgeUpdated()
             })
+            // eslint-disable-next-line no-alert
             .catch(e => alert(`onActivateBadge error: ${e.message}`))
     }
 
@@ -217,6 +216,7 @@ const BadgeDetailPage: FC = () => {
                 setShowActivatedModal(true)
                 onBadgeUpdated()
             })
+            // eslint-disable-next-line no-alert
             .catch(e => alert(`onDisableBadge error: ${e.message}`))
     }
 
@@ -371,8 +371,13 @@ const BadgeDetailPage: FC = () => {
         <ContentLayout
             title='Badge Detail'
             buttonConfig={headerButtonConfig}
+            secondaryButtonConfig={{
+                label: 'Back',
+                onClick: () => {
+                    navigate('./../../')
+                },
+            }}
         >
-            <Breadcrumb items={breadcrumb} />
             <div className={styles.container}>
                 {
                     badgeDetailsHandler.error ? (
diff --git a/src/apps/gamification-admin/src/pages/badge-listing/BadgeListingPage.tsx b/src/apps/gamification-admin/src/pages/badge-listing/BadgeListingPage.tsx
index 9d293d873..315f5c306 100644
--- a/src/apps/gamification-admin/src/pages/badge-listing/BadgeListingPage.tsx
+++ b/src/apps/gamification-admin/src/pages/badge-listing/BadgeListingPage.tsx
@@ -1,4 +1,4 @@
-import { Dispatch, FC, SetStateAction, useState } from 'react'
+import { Dispatch, FC, SetStateAction, useMemo, useState } from 'react'
 import { NavigateFunction, useNavigate } from 'react-router-dom'
 
 import {
@@ -16,15 +16,19 @@ import { createBadgeRoute } from '../../gamification-admin.routes'
 import { badgeListingColumns } from './badge-listing-table'
 import styles from './BadgeListingPage.module.scss'
 
-const BadgeListingPage: FC = () => {
+interface Props extends GameBadge {
+    rootPage: string;
+}
+const BadgeListingPage: FC<Props> = (props: Props) => {
+    const initColumns = useMemo(() => badgeListingColumns(props.rootPage), [props.rootPage])
 
     const [sort, setSort]: [Sort, Dispatch<SetStateAction<Sort>>]
-        = useState<Sort>(tableGetDefaultSort(badgeListingColumns))
+        = useState<Sort>(tableGetDefaultSort(initColumns))
     const [columns]: [
         ReadonlyArray<TableColumn<GameBadge>>,
         Dispatch<SetStateAction<ReadonlyArray<TableColumn<GameBadge>>>>,
     ]
-        = useState<ReadonlyArray<TableColumn<GameBadge>>>([...badgeListingColumns])
+        = useState<ReadonlyArray<TableColumn<GameBadge>>>(initColumns)
 
     const pageHandler: InfinitePageHandler<GameBadge> = useGetGameBadgesPage(sort)
     const navigate: NavigateFunction = useNavigate()
@@ -36,7 +40,7 @@ const BadgeListingPage: FC = () => {
     // header button config
     const buttonConfig: ButtonProps = {
         label: 'Create New Badge',
-        onClick: () => navigate(createBadgeRoute),
+        onClick: () => navigate(createBadgeRoute(props.rootPage)),
     }
 
     if (!pageHandler.data) {
diff --git a/src/apps/gamification-admin/src/pages/badge-listing/badge-listing-table/badge-action-renderer/BadgeActionRenderer.tsx b/src/apps/gamification-admin/src/pages/badge-listing/badge-listing-table/badge-action-renderer/BadgeActionRenderer.tsx
index e0ecec65a..47e3abbb0 100644
--- a/src/apps/gamification-admin/src/pages/badge-listing/badge-listing-table/badge-action-renderer/BadgeActionRenderer.tsx
+++ b/src/apps/gamification-admin/src/pages/badge-listing/badge-listing-table/badge-action-renderer/BadgeActionRenderer.tsx
@@ -6,8 +6,12 @@ import { badgeDetailPath } from '../../../../gamification-admin.routes'
 
 import styles from './BadgeActionRenderer.module.scss'
 
-const BadgeActionRenderer: (badge: GameBadge) => JSX.Element
-    = (badge: GameBadge): JSX.Element => {
+interface Props extends GameBadge {
+    rootPage: string;
+}
+
+const BadgeActionRenderer: (props: Props) => JSX.Element
+    = (props: Props): JSX.Element => {
 
         const isMobile: boolean = useCheckIsMobile()
 
@@ -33,7 +37,7 @@ const BadgeActionRenderer: (badge: GameBadge) => JSX.Element
                         size={isMobile ? 'sm' : 'md'}
                         key={button.label}
                         label={button.label}
-                        to={badgeDetailPath(badge.id, button.view)}
+                        to={badgeDetailPath(props.rootPage, props.id, button.view)}
                     />
                 ))}
             </div>
diff --git a/src/apps/gamification-admin/src/pages/badge-listing/badge-listing-table/badge-listing-table.config.tsx b/src/apps/gamification-admin/src/pages/badge-listing/badge-listing-table/badge-listing-table.config.tsx
index 98816486a..28923a638 100644
--- a/src/apps/gamification-admin/src/pages/badge-listing/badge-listing-table/badge-listing-table.config.tsx
+++ b/src/apps/gamification-admin/src/pages/badge-listing/badge-listing-table/badge-listing-table.config.tsx
@@ -5,17 +5,17 @@ import { GameBadge } from '../../../game-lib'
 import { BadgeActionRenderer } from './badge-action-renderer'
 import { BadgeListingNameRenderer } from './badge-name-renderer'
 
-export const badgeListingColumns: ReadonlyArray<TableColumn<GameBadge>> = [
+export const badgeListingColumns: (rootPage: string) => ReadonlyArray<TableColumn<GameBadge>> = (rootPage: string) => [
     {
         defaultSortDirection: 'asc',
         isDefaultSort: true,
         label: 'Badge Name',
         propertyName: 'badge_name',
-        renderer: BadgeListingNameRenderer,
+        renderer: (data: GameBadge) => <BadgeListingNameRenderer {...data} />,
         type: 'element',
     },
     {
-        renderer: BadgeActionRenderer,
+        renderer: (data: GameBadge) => <BadgeActionRenderer {...data} rootPage={rootPage} />,
         type: 'action',
     },
 ]
diff --git a/src/apps/gamification-admin/src/pages/create-badge/CreateBadgePage.tsx b/src/apps/gamification-admin/src/pages/create-badge/CreateBadgePage.tsx
index 094f8fa1c..e1b4529f4 100644
--- a/src/apps/gamification-admin/src/pages/create-badge/CreateBadgePage.tsx
+++ b/src/apps/gamification-admin/src/pages/create-badge/CreateBadgePage.tsx
@@ -1,21 +1,18 @@
-import { Dispatch, FC, SetStateAction, useState } from 'react'
+import { Dispatch, FC, SetStateAction, useMemo, useState } from 'react'
 
-import { Breadcrumb, BreadcrumbItemModel, ContentLayout } from '~/libs/ui'
+import { ContentLayout } from '~/libs/ui'
 
-import { GameBadge, useGamificationBreadcrumb } from '../../game-lib'
+import { GameBadge } from '../../game-lib'
 import { BadgeCreatedModal } from '../../game-lib/modals/badge-created-modal'
 
 import { CreateBadgeForm, createBadgeFormDef } from './create-badge-form'
 import styles from './CreateBadgePage.module.scss'
 
-const CreateBadgePage: FC = () => {
-
-    const breadcrumb: Array<BreadcrumbItemModel> = useGamificationBreadcrumb([
-        {
-            name: 'create badge',
-            url: '#',
-        },
-    ])
+interface Props extends GameBadge {
+    rootPage: string;
+}
+const CreateBadgePage: FC<Props> = (props: Props) => {
+    const formDef = useMemo(() => createBadgeFormDef(props.rootPage), [props.rootPage])
 
     const [showBadgeCreatedModal, setShowBadgeCreatedModal]: [boolean, Dispatch<SetStateAction<boolean>>]
         = useState<boolean>(false)
@@ -37,16 +34,16 @@ const CreateBadgePage: FC = () => {
         <ContentLayout
             title='Create Badge'
         >
-            <Breadcrumb items={breadcrumb} />
             <div className={styles.container}>
                 <CreateBadgeForm
-                    formDef={createBadgeFormDef}
+                    formDef={formDef}
                     onSave={onSave}
                 />
             </div>
             {
                 createdBadge && (
                     <BadgeCreatedModal
+                        rootPage={props.rootPage}
                         badge={createdBadge}
                         isOpen={showBadgeCreatedModal}
                         onClose={handleCloseCreateModal}
diff --git a/src/apps/gamification-admin/src/pages/create-badge/create-badge-form/create-badge-form.config.tsx b/src/apps/gamification-admin/src/pages/create-badge/create-badge-form/create-badge-form.config.tsx
index 5f715c5a2..36845988d 100644
--- a/src/apps/gamification-admin/src/pages/create-badge/create-badge-form/create-badge-form.config.tsx
+++ b/src/apps/gamification-admin/src/pages/create-badge/create-badge-form/create-badge-form.config.tsx
@@ -3,7 +3,6 @@ import { noop } from 'lodash'
 import { FormDefinition, IconOutline, validatorRequired } from '~/libs/ui'
 
 import { ACCEPTED_BADGE_MIME_TYPES, MAX_BADGE_IMAGE_FILE_SIZE } from '../../../config'
-import { rootRoute } from '../../../gamification-admin.routes'
 
 export enum CreateBadgeFormField {
     badgeActive = 'badgeActive',
@@ -12,7 +11,7 @@ export enum CreateBadgeFormField {
     file = 'file',
 }
 
-export const createBadgeFormDef: FormDefinition = {
+export const createBadgeFormDef: (rootPage: string) => FormDefinition = (rootPage: string) => ({
     buttons: {
         primaryGroup: [
             {
@@ -28,7 +27,7 @@ export const createBadgeFormDef: FormDefinition = {
             {
                 buttonStyle: 'secondary',
                 icon: IconOutline.ChevronLeftIcon,
-                route: rootRoute || '/',
+                route: rootPage,
                 size: 'lg',
             },
         ],
@@ -90,4 +89,4 @@ export const createBadgeFormDef: FormDefinition = {
         },
         renderGroupDividers: false,
     },
-}
+} as FormDefinition)
diff --git a/src/apps/platform/src/platform.routes.tsx b/src/apps/platform/src/platform.routes.tsx
index 3f85dbbc5..b354da130 100644
--- a/src/apps/platform/src/platform.routes.tsx
+++ b/src/apps/platform/src/platform.routes.tsx
@@ -2,7 +2,6 @@
 import { lazyLoad, LazyLoadedComponent, PlatformRoute } from '~/libs/core'
 import { learnRoutes } from '~/apps/learn'
 import { devCenterRoutes } from '~/apps/dev-center'
-import { gamificationAdminRoutes } from '~/apps/gamification-admin'
 import { profilesRoutes } from '~/apps/profiles'
 import { talentSearchRoutes } from '~/apps/talent-search'
 import { accountsRoutes } from '~/apps/accounts'
@@ -34,7 +33,6 @@ export const platformRoutes: Array<PlatformRoute> = [
     ...devCenterRoutes,
     ...copilotsRoutes,
     ...learnRoutes,
-    ...gamificationAdminRoutes,
     ...talentSearchRoutes,
     ...profilesRoutes,
     ...walletRoutes,
diff --git a/src/config/constants.ts b/src/config/constants.ts
index f32dd4fdb..8b7b93ee1 100644
--- a/src/config/constants.ts
+++ b/src/config/constants.ts
@@ -3,7 +3,6 @@ export enum AppSubdomain {
     accounts = 'account-settings',
     devCenter = 'devcenter',
     earn = 'earn',
-    gamificationAdmin = 'gamification-admin',
     profiles = 'profiles',
     tcAcademy = 'academy',
     onboarding = 'onboarding',
@@ -20,7 +19,6 @@ export enum ToolTitle {
     accounts = 'Account Settings',
     devCenter = 'Dev Center',
     earn = 'Opportunity Feed',
-    gamificationAdmin = 'Gamification Admin',
     profiles = 'Profiles',
     tcAcademy = 'Topcoder Academy',
     selfService = 'Self Service Challenges',
diff --git a/src/libs/ui/lib/components/tabs-navbar/TabsNavbar.tsx b/src/libs/ui/lib/components/tabs-navbar/TabsNavbar.tsx
index 22825f0e2..0b2d8f019 100644
--- a/src/libs/ui/lib/components/tabs-navbar/TabsNavbar.tsx
+++ b/src/libs/ui/lib/components/tabs-navbar/TabsNavbar.tsx
@@ -92,7 +92,9 @@ const TabsNavbar: FC<TabsNavbarProps> = (props: TabsNavbarProps) => {
             initialTab.current = ''
         } else if (props.defaultActive) {
             setTabOpened(props.defaultActive)
-            updateOffset(props.defaultActive)
+            setTimeout(() => {
+                updateOffset(props.defaultActive)
+            }, 100)
         }
     }, [
         props.defaultActive,