From 70cdff4c7d31e6fcbb594bb6e08c46110da27a2b Mon Sep 17 00:00:00 2001
From: GURSAL PRATHAMESH APPASAHEB
 <135983263+prathamesh424@users.noreply.github.com>
Date: Thu, 3 Oct 2024 14:46:41 +0530
Subject: [PATCH 1/2] Updated the save button and add hover effect to the
 remove button

---
 apps/frontend/src/components/layout/settings.component.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/frontend/src/components/layout/settings.component.tsx b/apps/frontend/src/components/layout/settings.component.tsx
index c229216b..436f7fe9 100644
--- a/apps/frontend/src/components/layout/settings.component.tsx
+++ b/apps/frontend/src/components/layout/settings.component.tsx
@@ -160,7 +160,7 @@ export const SettingsPopup: FC<{ getRef?: Ref<any> }> = (props) => {
                       </div>
                     </button>
                     <button
-                      className="h-[24px] w-[88px] rounded-[4px] border-2 border-customColor21 flex justify-center items-center gap-[4px]"
+                      className="h-[24px] w-[88px] rounded-[4px] border-2 border-customColor21 hover:text-red-600 flex justify-center items-center gap-[4px]"
                       type="button"
                     >
                       <div>
@@ -177,7 +177,7 @@ export const SettingsPopup: FC<{ getRef?: Ref<any> }> = (props) => {
                           />
                         </svg>
                       </div>
-                      <div className="text-[12px]" onClick={remove}>
+                      <div className="text-[12px] " onClick={remove}>
                         Remove
                       </div>
                     </button>
@@ -191,7 +191,7 @@ export const SettingsPopup: FC<{ getRef?: Ref<any> }> = (props) => {
           </div>
           {!getRef && (
             <div className="justify-end flex">
-              <Button type="submit">Save</Button>
+              <Button type="submit" className='rounded-md'>Save</Button>
             </div>
           )}
           {!!user?.tier?.team_members && isGeneral && <TeamsComponent />}

From c081584ce8073282102a14738711cd601ec2c0e9 Mon Sep 17 00:00:00 2001
From: GURSAL PRATHAMESH APPASAHEB
 <135983263+prathamesh424@users.noreply.github.com>
Date: Thu, 3 Oct 2024 14:48:44 +0530
Subject: [PATCH 2/2] change the percentage color in the progress bar

---
 apps/frontend/src/app/global.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/app/global.scss b/apps/frontend/src/app/global.scss
index 64dec72f..da791348 100644
--- a/apps/frontend/src/app/global.scss
+++ b/apps/frontend/src/app/global.scss
@@ -361,6 +361,7 @@ html {
 
 .uppy-ProgressBar-percentage {
   position: absolute;
+  color: red;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
@@ -383,4 +384,4 @@ div div .set-font-family {
   font-stretch: 100% !important;
   font-style: normal !important;
   font-weight: 400 !important;
-}
\ No newline at end of file
+}