Fix: Update

Signed-off-by: Varad Gupta <114755221+vr-varad@users.noreply.github.com>

Author: vr-varad

src/components/Pricing/PricingAddons/index.js

@@ -33,7 +33,6 @@ import {
   boxStyles,
   toggleButtonStyles,
   sliderStyles,
-  iconStyles,
   cardStyles,
   formControlStyles,
   featureDetailsStyles,
@@ -249,11 +248,11 @@ export const PricingAddons = ({ isYearly = false, setIsYearly ,currency,enterpri
                           <MenuItem key={addon.id} value={addon.id}>
                             <Box sx={boxStyles.menuItem}>
                               {renderIcon(addon.iconType)}
-                              <Box>
-                                <Typography variant="body1" fontWeight="500" sx={typographyStyles.qanelasFont}>
+                              <Box sx={{ minWidth: 0, flex: 1 }}>
+                                <Typography noWrap variant="body1" fontWeight="500" sx={typographyStyles.ellipsisText}>
                                   {addon.name}
                                 </Typography>
-                                <Typography variant="body2" color="text.secondary" sx={typographyStyles.ellipsisText}>
+                                <Typography nowrap variant="body2" color="text.secondary" sx={typographyStyles.ellipsisText}>
                                   {addon.id === "academy"
                                     ? addon.description
                                     : (() => {

src/components/Pricing/PricingAddons/styles.js

@@ -114,7 +114,8 @@ export const boxStyles = {
     display: "flex",
     alignItems: "center",
     gap: 2,
-    py: 1
+    py: 1,
+    width: "100%",
   },
   featureContainer: {
     display: "flex",