diff --git a/components/src/components/elements/plan-manager/PlanManager.tsx b/components/src/components/elements/plan-manager/PlanManager.tsx index a0d6ffe3..cf11c428 100644 --- a/components/src/components/elements/plan-manager/PlanManager.tsx +++ b/components/src/components/elements/plan-manager/PlanManager.tsx @@ -100,6 +100,7 @@ export const PlanManager = forwardRef< diff --git a/components/src/components/elements/upcoming-bill/UpcomingBill.tsx b/components/src/components/elements/upcoming-bill/UpcomingBill.tsx index dee87a58..991bb683 100644 --- a/components/src/components/elements/upcoming-bill/UpcomingBill.tsx +++ b/components/src/components/elements/upcoming-bill/UpcomingBill.tsx @@ -121,8 +121,7 @@ export const UpcomingBill = forwardRef< } $color={theme.typography[props.contractEndDate.fontStyle].color} > - Estimated{" "} - {upcomingInvoice.interval === "year" ? "yearly" : "monthly"} bill. + Estimated bill. diff --git a/components/src/components/ui/modal/Modal.tsx b/components/src/components/ui/modal/Modal.tsx index a5f882c8..73bed163 100644 --- a/components/src/components/ui/modal/Modal.tsx +++ b/components/src/components/ui/modal/Modal.tsx @@ -51,9 +51,12 @@ export const Modal = ({ children, size = "auto", onClose }: ModalProps) => { $width="100%" $height="100%" $backgroundColor={ - isLightBackground ? "hsla(0, 0%, 85%, 0.8)" : "hsla(0, 0%, 15%, 0.8)" + isLightBackground ? "hsla(0, 0%, 85%, 0.8)" : "hsla(0, 0%, 0%, 0.8)" } $overflow="hidden" + $scrollbarColor={`${isLightBackground ? "hsla(0, 0%, 0%, 0.15)" : "hsla(0, 0%, 100%, 0.15)"} transparent`} + $scrollbarWidth="thin" + $scrollbarGutter="stable both-edges" >