feat(btn): fix small issues

Signed-off-by: captain-Akshay <[email protected]>
layer5io · Mar 4, 2024 · b457921 · b457921
1 parent 04eef8e
commit b457921
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git 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
@@ -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';