Merge branch 'master' into input-fix

Author: Namanv0509

src/components/Pricing/PricingAddons/index.js

@@ -175,7 +175,7 @@ export const PricingAddons = ({ isYearly = false, setIsYearly, currency, enterpr
       const enterpriseUserSeats = enterpriseUsers > 0 ? ` and ${enterpriseUsers} enterprise user${enterpriseUsers > 1 ? "s" : ""}` : "";
       return {
         link: matchingPlanLink.link,
-        name: "Subscribe For Add-on"
+        name: "Subscribe"
       };
     }
 
@@ -189,7 +189,7 @@ export const PricingAddons = ({ isYearly = false, setIsYearly, currency, enterpr
 
     return {
       link: "#",
-      name: "Subscribe For Add-on"
+      name: "Subscribe For"
     };
   };
 
@@ -507,7 +507,7 @@ export const PricingAddons = ({ isYearly = false, setIsYearly, currency, enterpr
                           }
                           return formatPrice(0);
                         }
-    })()} /{isYearly ? "yearly" : "monthly"}
+    })()}/{isYearly ? "yearly" : "monthly"}
                     </Typography>
                   </Box>
 

src/sections/Pricing/index.js

@@ -13,22 +13,26 @@ import { Currencies } from "../../utils/currencies";
 
 export const CurrencySelect = ({ currency, setCurrency }) => {
   return (
-    <FormControl variant="outlined" size="small" sx={{
-      minWidth: 150,
-      "& .MuiInputLabel-root": { color: "white" }, // label
-      "& .MuiOutlinedInput-notchedOutline": { borderColor: "white" }, // outline
-      "& .MuiSelect-icon": { color: "white" }, // dropdown arrow
-      "& .MuiSelect-select": { color: "white" }, // selected text
-      "&:hover .MuiOutlinedInput-notchedOutline": { borderColor: "white" },
-      "&.Mui-focused .MuiOutlinedInput-notchedOutline": { borderColor: "white" },
-
-    }}>
+    <FormControl
+      variant="outlined"
+      size="small"
+      sx={{
+        minWidth: 150,
+        "& .MuiInputLabel-root": { color: "white" }, 
+        "& .MuiInputLabel-root.Mui-focused": { color: '#00B39F' }, 
+        "& .MuiOutlinedInput-notchedOutline": { borderColor: "white" }, 
+        "& .MuiSelect-icon": { color: "white" }, 
+        "& .MuiSelect-select": { color: "white" }, 
+        "&:hover .MuiOutlinedInput-notchedOutline": { borderColor: "white" }, 
+      }}
+    >
       <InputLabel>Currency</InputLabel>
       <Select
         value={currency}
         sx={{
-
-
+          "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+            borderColor: "#00B39F", 
+          },
         }}
         onChange={(e) => setCurrency(e.target.value)}
         label="Currency"