diff --git a/components/layoutPanel/userDetail/Head.js b/components/layoutPanel/userDetail/Head.js
index d68b565..465a062 100644
--- a/components/layoutPanel/userDetail/Head.js
+++ b/components/layoutPanel/userDetail/Head.js
@@ -17,7 +17,7 @@ function Head({ data, loading }) {
                     alt="profile"
                 />
             </CircularLoading>
-            <div className={loading && 'mt-[8px] mb-[4px]'}>
+            <div className={loading ? 'mt-[8px] mb-[4px]' : ''}>
                 <TextLoading width={60} height={18} loading={loading}>
                     <p className="text-[#3B3B3B] text-[14px] font-semibold mt-[8px] mb-[4px]">{data.name}</p>
                 </TextLoading>