diff --git a/src/components/UserDetailOne.svelte b/src/components/UserDetailOne.svelte
index 114e8bea..0dd43698 100644
--- a/src/components/UserDetailOne.svelte
+++ b/src/components/UserDetailOne.svelte
@@ -39,12 +39,16 @@
         User</button></span>
     <!--  -->
     <div class="mt-2 flex items-center">
-      <span
+      <img
+        alt="Profile Picture"
+        class="inline-block h-20 w-20 rounded-full overflow-hidden bg-gray-100"
+        src={user.profilePic} />
+      <!-- <span
         class="inline-block h-12 w-12 rounded-full overflow-hidden bg-gray-100"><svg
           class="h-full w-full text-gray-300"
           fill="currentColor"
           viewBox="0 0 24 24"><path
-            d="M24 20.993V24H0v-2.996A14.977 14.977 0 0112.004 15c4.904 0 9.26 2.354 11.996 5.993zM16.002 8.999a4 4 0 11-8 0 4 4 0 018 0z" /></svg></span>
+            d="M24 20.993V24H0v-2.996A14.977 14.977 0 0112.004 15c4.904 0 9.26 2.354 11.996 5.993zM16.002 8.999a4 4 0 11-8 0 4 4 0 018 0z" /></svg></span> -->
       <button
         type="button"
         class="ml-5 bg-white py-2 px-3 border border-gray-300 rounded-md shadow-sm text-sm leading-4 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Change</button>