From 04eef8e0da6b224f811a9b433af56c856542453b Mon Sep 17 00:00:00 2001
From: captain-Akshay <akshay.sharma0503@gmail.com>
Date: Mon, 4 Mar 2024 17:37:40 +0530
Subject: [PATCH 1/2] feat(btn): fix dynamic

Signed-off-by: captain-Akshay <akshay.sharma0503@gmail.com>
---
 src/custom/Feedback/style.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/custom/Feedback/style.tsx b/src/custom/Feedback/style.tsx
index f7bb81b7..3d0c9d6f 100644
--- a/src/custom/Feedback/style.tsx
+++ b/src/custom/Feedback/style.tsx
@@ -61,7 +61,7 @@ const containerPositionMap: Record<
       right: '10px'
     },
     closed: {
-      bottom: '-42%',
+      bottom: '-448px',
       right: '10px'
     }
   },
@@ -71,7 +71,7 @@ const containerPositionMap: Record<
       left: '10px'
     },
     closed: {
-      bottom: '-42%',
+      bottom: '-448px',
       left: '10px'
     }
   },
@@ -82,7 +82,7 @@ const containerPositionMap: Record<
     },
     closed: {
       top: '0px',
-      right: '-42%'
+      right: '-448px'
     }
   },
   'right-middle': {
@@ -93,7 +93,7 @@ const containerPositionMap: Record<
     },
     closed: {
       top: '50%',
-      right: '-42%',
+      right: '-448px',
       transform: 'translateY(-50%)'
     }
   },
@@ -104,7 +104,7 @@ const containerPositionMap: Record<
     },
     closed: {
       bottom: '0px',
-      right: '-42%'
+      right: '-448px'
     }
   }
 };
@@ -180,17 +180,17 @@ const positionMap: Record<
   },
   'right-top': {
     top: '8%',
-    right: '-4%',
+    right: '-45px',
     transform: 'rotate(-90deg)'
   },
   'right-middle': {
     top: '50%',
-    right: '-6%',
+    right: '-70px',
     transform: 'rotate(-90deg) translateY(-50%)'
   },
   'right-bottom': {
     bottom: '5%',
-    right: '-4%',
+    right: '-45px',
     transform: 'rotate(-90deg)'
   }
 };

From b457921672db208b91ba264e358d921174cb351d Mon Sep 17 00:00:00 2001
From: captain-Akshay <akshay.sharma0503@gmail.com>
Date: Mon, 4 Mar 2024 22:34:10 +0530
Subject: [PATCH 2/2] feat(btn): fix small issues

Signed-off-by: captain-Akshay <akshay.sharma0503@gmail.com>
---
 src/custom/Feedback/style.tsx | 8 ++++++--
 src/theme/colors/colors.ts    | 1 +
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/custom/Feedback/style.tsx b/src/custom/Feedback/style.tsx
index 3d0c9d6f..516ef703 100644
--- a/src/custom/Feedback/style.tsx
+++ b/src/custom/Feedback/style.tsx
@@ -8,6 +8,7 @@ import {
   CHINESE_SILVER,
   CULTURED,
   DARK_JUNGLE_GREEN,
+  DARK_KEPPEL,
   DARK_PRIMARY_COLOR,
   DARK_SLATE_GRAY,
   KEPPEL,
@@ -144,7 +145,10 @@ export const FeedbackSubmitButton = styled(Button)<SubmitProp>(({ isOpen }) => (
   height: '2.25rem',
   textTransform: 'none',
   boxShadow: '0px 1px 8px rgba(0, 0, 0, 0.25)',
-  backgroundColor: isOpen ? buttonDisabled.main : KEPPEL
+  backgroundColor: isOpen ? buttonDisabled.main : KEPPEL,
+  '&:hover': {
+    backgroundColor: DARK_KEPPEL
+  }
 }));
 
 export const FeedbackButton = styled(Button)<RenderPositionType>(({ theme, renderPosition }) => ({
@@ -189,7 +193,7 @@ const positionMap: Record<
     transform: 'rotate(-90deg) translateY(-50%)'
   },
   'right-bottom': {
-    bottom: '5%',
+    bottom: '10%',
     right: '-45px',
     transform: 'rotate(-90deg)'
   }
diff --git a/src/theme/colors/colors.ts b/src/theme/colors/colors.ts
index 0fda40ed..32eee2b6 100644
--- a/src/theme/colors/colors.ts
+++ b/src/theme/colors/colors.ts
@@ -4,6 +4,7 @@ import { alpha } from '@mui/material';
  * Define the base common colors to derive from
  */
 export const KEPPEL = '#00B39F';
+export const DARK_KEPPEL = '#00A18F';
 export const CARIBBEAN_GREEN = '#00D3A9';
 export const TEAL_BLUE = '#477E96';
 export const CHARCOAL = '#3C494F';