diff --git a/resources/js/Components/DashboardLayout/Sidebar.vue b/resources/js/Components/DashboardLayout/Sidebar.vue
index 0bb96dc..66a5d66 100644
--- a/resources/js/Components/DashboardLayout/Sidebar.vue
+++ b/resources/js/Components/DashboardLayout/Sidebar.vue
@@ -13,7 +13,7 @@ const { user } = usePage().props.value
 
 const f = async () => {
   try {
-    const response = await axios.get(route('api.v1.user.menu', user.id))
+    const response = await axios.get(route('user.menu', user.id))
 
     menus.value = response.data
   } catch (e) {
diff --git a/resources/js/Pages/Superuser/Activity/Login.vue b/resources/js/Pages/Superuser/Activity/Login.vue
index b236aa8..8cd99e8 100644
--- a/resources/js/Pages/Superuser/Activity/Login.vue
+++ b/resources/js/Pages/Superuser/Activity/Login.vue
@@ -21,7 +21,7 @@ import Th from '@/Components/DataTable/Th.vue';
 
       <template #body>
         <Builder
-          :url="route('api.v1.superuser.activity.login')"
+          :url="route('superuser.activity.login')"
         >
           <template #thead="table">
             <tr class="bg-gray-200 dark:bg-gray-800 border-gray-300 dark:border-gray-900">
diff --git a/resources/js/Pages/Superuser/Menu/Index.vue b/resources/js/Pages/Superuser/Menu/Index.vue
index cbd1917..b323323 100644
--- a/resources/js/Pages/Superuser/Menu/Index.vue
+++ b/resources/js/Pages/Superuser/Menu/Index.vue
@@ -39,7 +39,7 @@ const form = useForm({
 
 const fetch = async () => {
   try {
-    const response = await axios.get(route('api.v1.superuser.menu'))
+    const response = await axios.get(route('superuser.menu'))
     menus.value = response.data
   } catch (e) {
     const response = await Swal.fire({
diff --git a/resources/js/Pages/Superuser/Permission/Index.vue b/resources/js/Pages/Superuser/Permission/Index.vue
index 26d93a3..0260399 100644
--- a/resources/js/Pages/Superuser/Permission/Index.vue
+++ b/resources/js/Pages/Superuser/Permission/Index.vue
@@ -26,7 +26,7 @@ const form = useForm({
 
 const fetch = async () => {
   try {
-    const response = await axios.get(route('api.v1.superuser.permission'))
+    const response = await axios.get(route('superuser.permission'))
     permissions.value = response.data
   } catch (e) {
     const response = await Swal.fire({
diff --git a/resources/js/Pages/Superuser/Role/Index.vue b/resources/js/Pages/Superuser/Role/Index.vue
index fe23e55..8ea8f04 100644
--- a/resources/js/Pages/Superuser/Role/Index.vue
+++ b/resources/js/Pages/Superuser/Role/Index.vue
@@ -129,7 +129,7 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
         <div class="flex flex-col space-y-2">
           <Builder
             v-if="render"
-            :url="route('api.v1.superuser.role.paginate')"
+            :url="route('superuser.role.paginate')"
             ref="table"
           >
             <template #thead="table">
diff --git a/resources/js/Pages/Superuser/User/Index.vue b/resources/js/Pages/Superuser/User/Index.vue
index 119310e..3892d46 100644
--- a/resources/js/Pages/Superuser/User/Index.vue
+++ b/resources/js/Pages/Superuser/User/Index.vue
@@ -154,7 +154,7 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
         <div class="flex flex-col space-y-2">
           <Builder
             v-if="render"
-            :url="route('api.v1.superuser.user.paginate')"
+            :url="route('superuser.user.paginate')"
             ref="table"
           >
             <template #thead="table">
@@ -376,10 +376,10 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
                         <div
                           v-for="(permission, j) in user.permissions"
                           :key="j"
-                          class="inline-block bg-gray-600 rounded-md px-3 py-1 m-[1px] text-sm"
+                          class="inline-block bg-gray-200 dark:bg-gray-800 rounded-md px-3 py-1 m-[1px] text-sm"
                         >
                           <div class="flex items-center justify-between space-x-1">
-                            <p class="uppercase font-semibold">
+                            <p class="uppercase font-semibold whitespace-nowrap">
                               {{ __(permission.name) }}
                             </p>
 
@@ -515,7 +515,7 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
               <div class="flex flex-col space-y-2">
                 <div class="flex items-center space-x-2">
                   <label for="email" class="w-1/3 lowercase first-letter:capitalize">
-                    {{ __('name') }}
+                    {{ __('email') }}
                   </label>
 
                   <Input
diff --git a/routes/api.php b/routes/api.php
index 4f81543..c16b814 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -14,19 +14,8 @@ use Illuminate\Support\Facades\Route;
 |
 */
 
-Route::prefix('/v1')->name('api.v1.')->middleware(['auth:sanctum'])->group(function () {
-    Route::get('/user/{user}/menu', fn (App\Models\User $user) => $user->menus())->name('user.menu');
-
-    Route::name('superuser.')->group(function () {
-        Route::get('/superuser/permission', [App\Http\Controllers\Superuser\PermissionController::class, 'get'])->name('permission');
-        Route::get('/superuser/role', [App\Http\Controllers\Superuser\RoleController::class, 'get'])->name('role');
-        Route::post('/superuser/role/paginate', [App\Http\Controllers\Superuser\RoleController::class, 'paginate'])->name('role.paginate');
-        Route::post('/superuser/user/paginate', [App\Http\Controllers\Superuser\UserController::class, 'paginate'])->name('user.paginate');
-        Route::post('/superuser/activity/login', [App\Http\Controllers\ActivityController::class, 'logins'])->name('activity.login');
-        Route::get('/superuser/menu', [App\Http\Controllers\Superuser\MenuController::class, 'get'])->name('menu');
-    });
-
-    Route::get('/user', fn () => request()->user());
+Route::prefix('/v1')->name('api.')->middleware(['auth:sanctum'])->group(function () {
+    Route::get('/user', fn () => request()->user())->name('user');
 });
 
 Route::prefix('/translation/{locale?}')->name('api.translation.')->controller(App\Http\Controllers\TranslationController::class)->group(function () {
diff --git a/routes/web.php b/routes/web.php
index cc0b8cb..65d86c3 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -51,5 +51,13 @@ Route::middleware(['auth:sanctum', config('jetstream.auth_session'), 'verified']
         });
         
         Route::get('/activity/login', [App\Http\Controllers\ActivityController::class, 'login'])->name('activity.login');
+
+        Route::get('/user/{user}/menu', fn (App\Models\User $user) => $user->menus())->name('user.menu');
+        Route::get('/permission/get', [App\Http\Controllers\Superuser\PermissionController::class, 'get'])->name('permission');
+        Route::get('/role/get', [App\Http\Controllers\Superuser\RoleController::class, 'get'])->name('role');
+        Route::post('/role/paginate', [App\Http\Controllers\Superuser\RoleController::class, 'paginate'])->name('role.paginate');
+        Route::post('/user/paginate', [App\Http\Controllers\Superuser\UserController::class, 'paginate'])->name('user.paginate');
+        Route::post('/activity/login', [App\Http\Controllers\ActivityController::class, 'logins'])->name('activity.login');
+        Route::get('/menu/get', [App\Http\Controllers\Superuser\MenuController::class, 'get'])->name('menu');
     });
 });
\ No newline at end of file