diff --git a/packages/effects/layouts/src/basic/content/content-spinner.vue b/packages/effects/layouts/src/basic/content/content-spinner.vue
index e97e4b6c..52329728 100644
--- a/packages/effects/layouts/src/basic/content/content-spinner.vue
+++ b/packages/effects/layouts/src/basic/content/content-spinner.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { VbenSpinner } from '@vben-core/shadcn-ui';
+import { VbenLoading } from '@vben-core/shadcn-ui';
 
 import { useContentSpinner } from './use-content-spinner';
 
@@ -8,5 +8,5 @@ defineOptions({ name: 'LayoutContentSpinner' });
 const { spinning } = useContentSpinner();
 </script>
 <template>
-  <VbenSpinner :spinning="spinning" />
+  <VbenLoading :spinning="spinning" />
 </template>