From 760388307cbca377c2708ff5c0f8815d8897da36 Mon Sep 17 00:00:00 2001
From: killianlarcher <killian.larcher@soluce-technologies.com>
Date: Sat, 17 Jan 2026 20:40:57 +0100
Subject: [PATCH] fix(ui): reduce opacity on avatar hover and add bottom
 padding to profile modal

---
 .../wrappers/dashboard/common/profile/profile-modal.tsx         | 2 +-
 .../dashboard/profile/components/avatar-with-upload.tsx         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/wrappers/dashboard/common/profile/profile-modal.tsx b/src/components/wrappers/dashboard/common/profile/profile-modal.tsx
index 9fa99913..6290eaf6 100644
--- a/src/components/wrappers/dashboard/common/profile/profile-modal.tsx
+++ b/src/components/wrappers/dashboard/common/profile/profile-modal.tsx
@@ -26,7 +26,7 @@ type ProfileModalProps = {
 export const ProfileModal = ({ user, sessions, currentSession, accounts, open, onOpenChange, providers }: ProfileModalProps) => {
     return (
         <Dialog open={open} onOpenChange={onOpenChange}>
-            <DialogContent className="w-[95vw] h-[90vh] max-w-md lg:max-w-[1000px] lg:h-[800px] p-0 overflow-hidden flex flex-col outline-none gap-0 rounded-xl bg-background">
+            <DialogContent className="w-[95vw] h-[90vh] max-w-md lg:max-w-[1000px] lg:h-[800px] pb-6 overflow-hidden flex flex-col outline-none gap-0 rounded-xl bg-background">
                 <DialogHeader className="sr-only">
                     <DialogTitle>Settings</DialogTitle>
                     <DialogDescription>Manage your account settings</DialogDescription>
diff --git a/src/components/wrappers/dashboard/profile/components/avatar-with-upload.tsx b/src/components/wrappers/dashboard/profile/components/avatar-with-upload.tsx
index 4c1cb9e5..df91e985 100644
--- a/src/components/wrappers/dashboard/profile/components/avatar-with-upload.tsx
+++ b/src/components/wrappers/dashboard/profile/components/avatar-with-upload.tsx
@@ -70,7 +70,7 @@ export const AvatarWithUpload = (props: AvatarWithUploadProps) => {
                     fileInput.onchange = handleImageUpload;
                     fileInput.click();
                 }}
-                className="cursor-pointer absolute inset-0 flex justify-center items-center opacity-0 transition-opacity hover:opacity-100 hover:bg-gray-500 hover:bg-opacity-50 rounded-full w-24 h-24 lg:w-32 lg:h-32"
+                className="cursor-pointer absolute inset-0 flex justify-center items-center opacity-0 transition-opacity hover:opacity-30 hover:bg-gray-500 hover:bg-opacity-50 rounded-full w-24 h-24 lg:w-32 lg:h-32"
             >
                 <UploadIcon className="w-12 h-12 lg:w-16 lg:h-16 text-primary"/>
             </div>