diff --git a/pages/browser/index.vue b/pages/browser/index.vue
index 6739805..21468ec 100644
--- a/pages/browser/index.vue
+++ b/pages/browser/index.vue
@@ -113,7 +113,7 @@ const { data, refresh } = await useAsyncData(
 const router = useRouter();
 const handleRowClick = (row: RowData) => {
   router.push({
-    path: `/bucket/${encodeURIComponent(row.Name)}`,
+    path: `/buckets/${encodeURIComponent(row.Name)}`,
   });
 };
 const handleFormClosed = (show: boolean) => {
diff --git a/pages/buckets/[key].vue b/pages/buckets/[key].vue
index d54250f..fa479b8 100644
--- a/pages/buckets/[key].vue
+++ b/pages/buckets/[key].vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <content>
+    <page-content>
       <page-header>
         <template #title>
           <div class="flex items-center gap-4">
@@ -11,14 +11,14 @@
       <page-content class="flex flex-col gap-4">
         <buckets-info :bucket="bucketName" />
       </page-content>
-    </content>
+    </page-content>
     <footer />
   </div>
 </template>
 
 <script lang="ts" setup>
-import { useRoute } from '#app';
-import { computed } from 'vue';
+import { useRoute } from '#app'
+import { computed } from 'vue'
 
 // 从路由参数中获取 bucketName, pageSize, continuationToken
 const route = useRoute();