diff --git a/src/pages/profile.tsx b/src/pages/profile.tsx
index 53a565aa..3d142ed4 100644
--- a/src/pages/profile.tsx
+++ b/src/pages/profile.tsx
@@ -361,26 +361,37 @@ export default function Home() {
 									</div>
 								</form>
 							</div>
-							<div
-								className="flex flex-col gap-3 items-center w-48 h-fit cursor-pointer group"
-								onClick={() => (profilePictureInput.current as any)?.click()}>
-								<div className="relative overflow-hidden h-48 w-48 rounded-full">
-									<div
-										className={clsx(
-											"absolute top-0 left-0 bg-mti-purple-light/60 w-full h-full z-20 flex items-center justify-center opacity-0 group-hover:opacity-100",
-											"transition ease-in-out duration-300",
-										)}>
-										<BsCamera className="text-6xl text-mti-purple-ultralight/80" />
+							<div className="flex flex-col gap-6 w-48">
+								<div
+									className="flex flex-col gap-3 items-center h-fit cursor-pointer group"
+									onClick={() => (profilePictureInput.current as any)?.click()}>
+									<div className="relative overflow-hidden h-48 w-48 rounded-full">
+										<div
+											className={clsx(
+												"absolute top-0 left-0 bg-mti-purple-light/60 w-full h-full z-20 flex items-center justify-center opacity-0 group-hover:opacity-100",
+												"transition ease-in-out duration-300",
+											)}>
+											<BsCamera className="text-6xl text-mti-purple-ultralight/80" />
+										</div>
+										<img src={profilePicture} alt={user.name} className="aspect-square drop-shadow-xl self-end object-cover" />
 									</div>
-									<img src={profilePicture} alt={user.name} className="aspect-square drop-shadow-xl self-end object-cover" />
+									<input type="file" className="hidden" onChange={uploadProfilePicture} accept="image/*" ref={profilePictureInput} />
+									<span
+										onClick={() => (profilePictureInput.current as any)?.click()}
+										className="cursor-pointer text-mti-purple-light text-sm">
+										Change picture
+									</span>
+									<h6 className="font-normal text-base text-mti-gray-taupe">{USER_TYPE_LABELS[user.type]}</h6>
 								</div>
-								<input type="file" className="hidden" onChange={uploadProfilePicture} accept="image/*" ref={profilePictureInput} />
-								<span
-									onClick={() => (profilePictureInput.current as any)?.click()}
-									className="cursor-pointer text-mti-purple-light text-sm">
-									Change picture
-								</span>
-								<h6 className="font-normal text-base text-mti-gray-taupe">{USER_TYPE_LABELS[user.type]}</h6>
+								{user.type === 'agent' && (
+									<div className="flag items-center h-fit">
+										<img
+											alt={user.demographicInformation?.country.toLowerCase() + '_flag'}
+											src={`https://flagcdn.com/w320/${user.demographicInformation?.country.toLowerCase()}.png`}
+											width="320"
+										/>
+									</div>
+								)}
 							</div>
 						</div>
 						<div className="flex flex-col gap-4 mt-8 mb-20">