diff --git a/web/src/styles/index.css b/web/src/styles/index.css
index 71a6cce4..0f183374 100644
--- a/web/src/styles/index.css
+++ b/web/src/styles/index.css
@@ -397,7 +397,7 @@ body {
   background-color: #171719;
 }
 
-.spin.ant-spin-nested-loading .ant-spin-container::after {
+.spin .ant-spin-nested-loading .ant-spin-container::after {
   background: transparent;
 }
 .upload-block,
diff --git a/web/src/views/UserMemoryDetail/components/CommunityNetwork.tsx b/web/src/views/UserMemoryDetail/components/CommunityNetwork.tsx
index 33da0b04..ccfbc14d 100644
--- a/web/src/views/UserMemoryDetail/components/CommunityNetwork.tsx
+++ b/web/src/views/UserMemoryDetail/components/CommunityNetwork.tsx
@@ -65,8 +65,8 @@ const CommunityNetwork: FC<{ onSelectCommunity?: (node: RawCommunityNode) => voi
   }, [id])
 
   if (loading) {
-    return <Flex align="center" justify="center" className="rb:w-full rb:h-full">
-      <Spin tip={t('userMemory.communityLoadingTip')} size="large" className="rb:text-[#5B6167]! spin">
+  return <Flex align="center" justify="center" className="rb:w-full rb:h-full spin">
+      <Spin tip={t('userMemory.communityLoadingTip')} size="large" className="rb:text-[#5B6167]!">
         <div className="rb:w-64 rb:h-64" />
       </Spin>
       </Flex>