diff --git a/sandbox/components/SandboxNavComponent.vue b/sandbox/components/SandboxNavComponent.vue
deleted file mode 100644
index 99d5d6b83d..0000000000
--- a/sandbox/components/SandboxNavComponent.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-  <ul>
-    <li
-      v-for="link in links"
-      :key="link.name"
-      class="sandbox-link"
-    >
-      <router-link
-        :to="link.to"
-        @click="$emit('router-link-click')"
-      >
-        {{ link.name }}
-      </router-link>
-    </li>
-  </ul>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-import type { RouteLocationRaw } from 'vue-router'
-
-interface SandboxNavItem {
-  name: string
-  to: RouteLocationRaw
-}
-
-defineEmits(['router-link-click'])
-
-const links = computed((): SandboxNavItem[] => (
-  [
-    { name: 'KAlert', to: { name: 'alert' } },
-    { name: 'KButton', to: { name: 'button' } },
-    { name: 'KCard', to: { name: 'card' } },
-    { name: 'KCatalog', to: { name: 'catalog' } },
-    { name: 'KCheckbox', to: { name: 'checkbox' } },
-    { name: 'KDropdown', to: { name: 'dropdown' } },
-    { name: 'KInput', to: { name: 'input' } },
-    { name: 'KLabel', to: { name: 'label' } },
-    { name: 'KMultiselect', to: { name: 'multiselect' } },
-    { name: 'KRadio', to: { name: 'radio' } },
-    { name: 'KTable', to: { name: 'table' } },
-    { name: 'KTabs', to: { name: 'tabs' } },
-  ]
-))
-</script>
-
-<style lang="scss" scoped>
-ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.sandbox-link {
-  margin-bottom: 8px;
-
-  &:last-of-type {
-    margin-bottom: 0;
-  }
-
-  a {
-    background: #eee;
-    border-radius: 4px;
-    color: $kui-color-text-primary;
-    display: flex;
-    font-weight: 500;
-    padding: 8px 16px;
-    text-decoration: none;
-    transition: all .2s ease-in-out;
-
-    &:hover {
-      background: #ccc;
-      color: $kui-color-text-primary-stronger;
-    }
-
-    &.router-link-active {
-      background: $kui-color-background-primary;
-      color: #fff;
-
-      &:hover {
-        background: $kui-color-background-primary;
-        color: #fff;
-      }
-    }
-  }
-}
-</style>
diff --git a/sandbox/router.ts b/sandbox/router.ts
deleted file mode 100644
index 03bb629fa8..0000000000
--- a/sandbox/router.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { createRouter, createWebHashHistory } from 'vue-router'
-
-export default createRouter({
-  history: createWebHashHistory(),
-  routes: [
-    {
-      path: '/',
-      name: 'home',
-      alias: '/:pathMatch(.*)*',
-      meta: { title: 'Kongponents Sandbox' },
-      component: () => import('./pages/HomePage.vue'),
-      children: [
-        {
-          path: 'alert',
-          name: 'alert',
-          meta: { title: 'Alert Sandbox' },
-          component: () => import('./pages/SandboxAlert.vue'),
-        },
-        {
-          path: 'button',
-          name: 'button',
-          meta: { title: 'Button Sandbox' },
-          component: () => import('./pages/SandboxButton.vue'),
-        },
-        {
-          path: 'card',
-          name: 'card',
-          meta: { title: 'Card Sandbox' },
-          component: () => import('./pages/SandboxCard.vue'),
-        },
-        {
-          path: 'catalog',
-          name: 'catalog',
-          meta: { title: 'Catalog Sandbox' },
-          component: () => import('./pages/SandboxCatalog.vue'),
-        },
-        {
-          path: 'checkbox',
-          name: 'checkbox',
-          meta: { title: 'Checkbox Sandbox' },
-          component: () => import('./pages/SandboxCheckbox.vue'),
-        },
-        {
-          path: 'dropdown',
-          name: 'dropdown',
-          meta: { title: 'Dropdown Sandbox' },
-          component: () => import('./pages/SandboxDropdown.vue'),
-        },
-        {
-          path: 'input',
-          name: 'input',
-          meta: { title: 'Input Sandbox' },
-          component: () => import('./pages/SandboxInput.vue'),
-        },
-        {
-          path: 'label',
-          name: 'label',
-          meta: { title: 'Label Sandbox' },
-          component: () => import('./pages/SandboxLabel.vue'),
-        },
-        {
-          path: 'multiselect',
-          name: 'multiselect',
-          meta: { title: 'Multiselect Sandbox' },
-          component: () => import('./pages/SandboxMultiselect.vue'),
-        },
-        {
-          path: 'radio',
-          name: 'radio',
-          meta: { title: 'Radio Sandbox' },
-          component: () => import('./pages/SandboxRadio.vue'),
-        },
-        {
-          path: 'table',
-          name: 'table',
-          meta: { title: 'Table Sandbox' },
-          component: () => import('./pages/SandboxTable.vue'),
-        },
-        {
-          path: 'tabs',
-          name: 'tabs',
-          meta: { title: 'Tabs Sandbox' },
-          component: () => import('./pages/SandboxTabs.vue'),
-        },
-      ],
-    },
-  ],
-})
diff --git a/sandbox/router/sandbox-routes.ts b/sandbox/router/sandbox-routes.ts
index a7018ade1d..60cd9cdf67 100644
--- a/sandbox/router/sandbox-routes.ts
+++ b/sandbox/router/sandbox-routes.ts
@@ -21,7 +21,7 @@ const componentRoutes: RouteRecordRaw[] = [
     component: () => import('../pages/SandboxButton.vue'),
   },
   {
-    path: 'card',
+    path: '/card',
     name: 'card',
     meta: { title: 'Card Sandbox' },
     component: () => import('../pages/SandboxCard.vue'),