diff --git a/src/Components/user/profile/UserDetails.tsx b/src/Components/user/profile/UserDetails.tsx
index b5ebf03..849e501 100644
--- a/src/Components/user/profile/UserDetails.tsx
+++ b/src/Components/user/profile/UserDetails.tsx
@@ -149,10 +149,10 @@ const UserDetails: React.FC = () => {
                     {isEditing && (
                         <>
                             {isUploading ? (<div
-                                    className="absolute inset-0 flex items-center justify-center bg-gray-600 bg-opacity-50 rounded-full opacity-0 hover:opacity-100 transition-opacity duration-300 cursor-pointer"
+                                    className="absolute inset-0 flex items-center justify-center bg-gray-600 bg-opacity-50 rounded-full  transition-opacity duration-300 cursor-pointer"
                                     onClick={handleImageClick}
                                 >
-                                   <FaSpinner className="animate-spin mr-2 text-[10px] text-blue-900 " />
+                                   <FaSpinner className="animate-spin mr-2 text-[50px] text-blue-900 " />
                                 </div>) : (
                                 <div
                                     className="absolute inset-0 flex items-center justify-center bg-gray-600 bg-opacity-50 rounded-full opacity-0 hover:opacity-100 transition-opacity duration-300 cursor-pointer"