diff --git a/apps/scandic-web/components/GuestsRoomsPicker/guests-rooms-picker.module.css b/apps/scandic-web/components/GuestsRoomsPicker/guests-rooms-picker.module.css index 322b41e77..73495bceb 100644 --- a/apps/scandic-web/components/GuestsRoomsPicker/guests-rooms-picker.module.css +++ b/apps/scandic-web/components/GuestsRoomsPicker/guests-rooms-picker.module.css @@ -187,6 +187,12 @@ display: block; } + .triggerDesktop > span { + display: block; + overflow: hidden; + text-overflow: ellipsis; + } + .pickerContainerDesktop { --header-height: 72px; --sticky-button-height: 140px; diff --git a/apps/scandic-web/components/GuestsRoomsPicker/index.tsx b/apps/scandic-web/components/GuestsRoomsPicker/index.tsx index 6b8ad7f82..bd9109924 100644 --- a/apps/scandic-web/components/GuestsRoomsPicker/index.tsx +++ b/apps/scandic-web/components/GuestsRoomsPicker/index.tsx @@ -12,7 +12,7 @@ import { useFormContext, useWatch } from "react-hook-form" import { useIntl } from "react-intl" import { useMediaQuery } from "usehooks-ts" -import Body from "@/components/TempDesignSystem/Text/Body" +import { Typography } from "@scandic-hotels/design-system/Typography" import PickerForm from "./Form" @@ -174,9 +174,9 @@ function Trigger({ type="button" onPress={triggerFn} > - + {parts.join(", ")} - + ) }