feat: Replaced border of dropdown with shadow

IntersectMBO · Feb 7, 2025 · 25584ec · 25584ec
1 parent d5768b7
commit 25584ec
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 7 deletions.
diff --git a/frontend/src/components/molecules/GovernanceActionsFilters.tsx b/frontend/src/components/molecules/GovernanceActionsFilters.tsx
@@ -3,7 +3,7 @@ import {
   Checkbox,
   FormControlLabel,
   FormLabel,
-  Typography
+  Typography,
 } from "@mui/material";
 import { Dispatch, SetStateAction, useCallback } from "react";
 
@@ -19,7 +19,7 @@ interface Props {
 export const GovernanceActionsFilters = ({
   chosenFilters,
   setChosenFilters,
-  filterOptions
+  filterOptions,
 }: Props) => {
   const t = useTranslations();
 
@@ -56,7 +56,7 @@ export const GovernanceActionsFilters = ({
         borderRadius: "10px",
         padding: "12px 0px",
         width: "auto",
-        zIndex: "1"
+        zIndex: "1",
       }}
     >
       <Box
@@ -80,7 +80,7 @@ export const GovernanceActionsFilters = ({
                 fontSize: 14,
                 fontWeight: 500,
                 color: "#9792B5",
-                paddingX: "20px"
+                paddingX: "20px",
               }}
             >
               {filter.title}
@@ -106,7 +106,14 @@ export const GovernanceActionsFilters = ({
                     />
                   }
                   label={
-                    <Typography fontSize={14} fontWeight={500} data-testid={`${item.label.replace(/ /g, "")}-checkbox-text`}>
+                    <Typography
+                      fontSize={14}
+                      fontWeight={500}
+                      data-testid={`${item.label.replace(
+                        / /g,
+                        ""
+                      )}-checkbox-text`}
+                    >
                       {item.label}
                     </Typography>
                   }

diff --git a/frontend/src/components/molecules/UserProfileButton.tsx b/frontend/src/components/molecules/UserProfileButton.tsx
@@ -95,9 +95,9 @@ export default function UserProfileButton({
           }}
           PaperProps={{
             style: {
-              boxShadow: "none",
-              border: `1px solid ${theme.palette.primary.main}`,
+              boxShadow: "1px 2px 11px 0px #00123D5E",
               minWidth: menuWidth || "auto",
+              marginTop: "7px",
             },
           }}
         >