diff --git a/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/transfer/success/page.tsx b/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/transfer/success/page.tsx
index 7b5c60d61..cde207452 100644
--- a/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/transfer/success/page.tsx
+++ b/apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/transfer/success/page.tsx
@@ -3,13 +3,13 @@ import React, { Suspense } from "react"
 
 import { partnerSas } from "@scandic-hotels/common/constants/routes/myPages"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { hotelreservation } from "@/constants/routes/hotelReservation"
 import { getProfileSafely } from "@/lib/trpc/memoizedRequests"
 
 import Image from "@/components/Image"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Button from "@/components/TempDesignSystem/Button"
 import { getIntl } from "@/i18n"
 
diff --git a/apps/scandic-web/components/Blocks/CampaignHotelListing/CampaignHotelListingSkeleton.tsx b/apps/scandic-web/components/Blocks/CampaignHotelListing/CampaignHotelListingSkeleton.tsx
index bea00e931..d2fab1c07 100644
--- a/apps/scandic-web/components/Blocks/CampaignHotelListing/CampaignHotelListingSkeleton.tsx
+++ b/apps/scandic-web/components/Blocks/CampaignHotelListing/CampaignHotelListingSkeleton.tsx
@@ -1,9 +1,8 @@
 "use client"
 
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
-
 import HotelListingItemSkeleton from "./HotelListingItem/HotelListingItemSkeleton"
 
 import styles from "./campaignHotelListing.module.css"
diff --git a/apps/scandic-web/components/Blocks/CampaignHotelListing/HotelListingItem/HotelListingItemSkeleton.tsx b/apps/scandic-web/components/Blocks/CampaignHotelListing/HotelListingItem/HotelListingItemSkeleton.tsx
index 9bb20ce9f..6e72cc9dd 100644
--- a/apps/scandic-web/components/Blocks/CampaignHotelListing/HotelListingItem/HotelListingItemSkeleton.tsx
+++ b/apps/scandic-web/components/Blocks/CampaignHotelListing/HotelListingItem/HotelListingItemSkeleton.tsx
@@ -1,8 +1,7 @@
 import { Divider } from "@scandic-hotels/design-system/Divider"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
-
 import styles from "./hotelListingItem.module.css"
 
 export default function HotelListingItemSkeleton() {
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/SAS/LinkedAccounts/index.tsx b/apps/scandic-web/components/Blocks/DynamicContent/SAS/LinkedAccounts/index.tsx
index ba77f1654..fba7d6000 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/SAS/LinkedAccounts/index.tsx
+++ b/apps/scandic-web/components/Blocks/DynamicContent/SAS/LinkedAccounts/index.tsx
@@ -3,6 +3,7 @@ import { type ReactNode, Suspense } from "react"
 
 import DiamondAddIcon from "@scandic-hotels/design-system/Icons/DiamondAddIcon"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { getEurobonusMembership } from "@scandic-hotels/trpc/routers/user/helpers"
 
@@ -15,7 +16,6 @@ import { getProfileWithExtendedPartnerData } from "@/lib/trpc/memoizedRequests"
 import SectionContainer from "@/components/Section/Container"
 import SectionHeader from "@/components/Section/Header"
 import SectionLink from "@/components/Section/Link"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import { getIntl } from "@/i18n"
 
 import { UnlinkSAS } from "./UnlinkSAS"
diff --git a/apps/scandic-web/components/Blocks/DynamicContent/SAS/TransferPoints/TransferPointsForm.tsx b/apps/scandic-web/components/Blocks/DynamicContent/SAS/TransferPoints/TransferPointsForm.tsx
index db1d547dc..9b79b5119 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/SAS/TransferPoints/TransferPointsForm.tsx
+++ b/apps/scandic-web/components/Blocks/DynamicContent/SAS/TransferPoints/TransferPointsForm.tsx
@@ -1,11 +1,11 @@
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { getEurobonusMembership } from "@scandic-hotels/trpc/routers/user/helpers"
 
 import { getProfileWithExtendedPartnerData } from "@/lib/trpc/memoizedRequests"
 
 import Image from "@/components/Image"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import { getIntl } from "@/i18n"
 
 import { TransferPointsFormClient } from "./TransferPointsFormClient"
diff --git a/apps/scandic-web/components/BookingWidget/MobileToggleButton/index.tsx b/apps/scandic-web/components/BookingWidget/MobileToggleButton/index.tsx
index 820045571..09c8f871c 100644
--- a/apps/scandic-web/components/BookingWidget/MobileToggleButton/index.tsx
+++ b/apps/scandic-web/components/BookingWidget/MobileToggleButton/index.tsx
@@ -7,11 +7,11 @@ import { useIntl } from "react-intl"
 import { dt } from "@scandic-hotels/common/dt"
 import { Divider } from "@scandic-hotels/design-system/Divider"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { shortDateFormat } from "@/constants/dateFormats"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import useLang from "@/hooks/useLang"
 
 import styles from "./button.module.css"
diff --git a/apps/scandic-web/components/ContentType/CampaignOverviewPage/CampaignOverviewPageSkeleton.tsx b/apps/scandic-web/components/ContentType/CampaignOverviewPage/CampaignOverviewPageSkeleton.tsx
index 3425b82ad..3479212f2 100644
--- a/apps/scandic-web/components/ContentType/CampaignOverviewPage/CampaignOverviewPageSkeleton.tsx
+++ b/apps/scandic-web/components/ContentType/CampaignOverviewPage/CampaignOverviewPageSkeleton.tsx
@@ -1,9 +1,9 @@
 "use client"
 
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import TopCampaignSkeleton from "@/components/ContentType/CampaignOverviewPage/TopCampaign/TopCampaignSkeleton"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 
 import styles from "./campaignOverviewPage.module.css"
 
diff --git a/apps/scandic-web/components/ContentType/CampaignOverviewPage/TopCampaign/TopCampaignSkeleton.tsx b/apps/scandic-web/components/ContentType/CampaignOverviewPage/TopCampaign/TopCampaignSkeleton.tsx
index 5528958c1..5801011fe 100644
--- a/apps/scandic-web/components/ContentType/CampaignOverviewPage/TopCampaign/TopCampaignSkeleton.tsx
+++ b/apps/scandic-web/components/ContentType/CampaignOverviewPage/TopCampaign/TopCampaignSkeleton.tsx
@@ -1,7 +1,7 @@
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import CampaignHotelListingSkeleton from "@/components/Blocks/CampaignHotelListing/CampaignHotelListingSkeleton"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 
 import styles from "./topCampaign.module.css"
 
diff --git a/apps/scandic-web/components/ContentType/CampaignPage/CampaignPageSkeleton.tsx b/apps/scandic-web/components/ContentType/CampaignPage/CampaignPageSkeleton.tsx
index 27e6473f4..525fbe979 100644
--- a/apps/scandic-web/components/ContentType/CampaignPage/CampaignPageSkeleton.tsx
+++ b/apps/scandic-web/components/ContentType/CampaignPage/CampaignPageSkeleton.tsx
@@ -1,9 +1,9 @@
 "use client"
 
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import CampaignHotelListingSkeleton from "@/components/Blocks/CampaignHotelListing/CampaignHotelListingSkeleton"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 
 import styles from "./campaignPage.module.css"
 
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/CityListing/CityListingItem/CityListingItemSkeleton.tsx b/apps/scandic-web/components/ContentType/DestinationPage/CityListing/CityListingItem/CityListingItemSkeleton.tsx
index 27c2f24dd..03f00b920 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/CityListing/CityListingItem/CityListingItemSkeleton.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/CityListing/CityListingItem/CityListingItemSkeleton.tsx
@@ -1,8 +1,7 @@
 "use client"
 
 import { Divider } from "@scandic-hotels/design-system/Divider"
-
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import ExperienceListSkeleton from "../../ExperienceList/ExperienceListSkeleton"
 
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/CityListing/CityListingSkeleton.tsx b/apps/scandic-web/components/ContentType/DestinationPage/CityListing/CityListingSkeleton.tsx
index 47e28f1f4..ace259d14 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/CityListing/CityListingSkeleton.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/CityListing/CityListingSkeleton.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import CityListingItemSkeleton from "./CityListingItem/CityListingItemSkeleton"
 
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelList/HotelListSkeleton.tsx b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelList/HotelListSkeleton.tsx
index 76e45b8e3..c83aa167d 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelList/HotelListSkeleton.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelList/HotelListSkeleton.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import HotelListItemSkeleton from "../HotelListItem/HotelListItemSkeleton"
 
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelListItem/HotelListItemSkeleton.tsx b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelListItem/HotelListItemSkeleton.tsx
index 963eed7a0..ffe429a2f 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelListItem/HotelListItemSkeleton.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/CityMap/HotelListItem/HotelListItemSkeleton.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import styles from "./hotelListItem.module.css"
 
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/DestinationCityPageSkeleton.tsx b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/DestinationCityPageSkeleton.tsx
index 53da43e53..811b9d60c 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/DestinationCityPageSkeleton.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/DestinationCityPageSkeleton.tsx
@@ -1,6 +1,7 @@
 "use client"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
+
 import BreadcrumbsSkeleton from "@/components/TempDesignSystem/Breadcrumbs/BreadcrumbsSkeleton"
 
 import ExperienceListSkeleton from "../ExperienceList/ExperienceListSkeleton"
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/CountryMap/CityList/CityListSkeleton.tsx b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/CountryMap/CityList/CityListSkeleton.tsx
index 0c53c7d59..e663d8377 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/CountryMap/CityList/CityListSkeleton.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/CountryMap/CityList/CityListSkeleton.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import CityListItemSkeleton from "../CityListItem/CityListItemSkeleton"
 
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/CountryMap/CityListItem/CityListItemSkeleton.tsx b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/CountryMap/CityListItem/CityListItemSkeleton.tsx
index e4414b1d2..50823dd73 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/CountryMap/CityListItem/CityListItemSkeleton.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/CountryMap/CityListItem/CityListItemSkeleton.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import ExperienceListSkeleton from "../../../ExperienceList/ExperienceListSkeleton"
 
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/DestinationCountryPageSkeleton.tsx b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/DestinationCountryPageSkeleton.tsx
index acf7b0c8a..8c107e365 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/DestinationCountryPageSkeleton.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/DestinationCountryPageSkeleton.tsx
@@ -1,6 +1,7 @@
 "use client"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
+
 import BreadcrumbsSkeleton from "@/components/TempDesignSystem/Breadcrumbs/BreadcrumbsSkeleton"
 
 import CityListingSkeleton from "../CityListing/CityListingSkeleton"
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/index.tsx b/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/index.tsx
index 968fe0e1a..f87595905 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/index.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/index.tsx
@@ -1,11 +1,11 @@
 import { Suspense } from "react"
 
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { getDestinationOverviewPage } from "@/lib/trpc/memoizedRequests"
 
 import Blocks from "@/components/Blocks"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import TrackingSDK from "@/components/TrackingSDK"
 
 import { DestinationSearch } from "./DestinationSearch"
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/ExperienceList/ExperienceListSkeleton.tsx b/apps/scandic-web/components/ContentType/DestinationPage/ExperienceList/ExperienceListSkeleton.tsx
index 745273e5a..e6025b1b3 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/ExperienceList/ExperienceListSkeleton.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/ExperienceList/ExperienceListSkeleton.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import styles from "./experienceList.module.css"
 
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/HotelListing/HotelListingItem/HotelListingItemSkeleton.tsx b/apps/scandic-web/components/ContentType/DestinationPage/HotelListing/HotelListingItem/HotelListingItemSkeleton.tsx
index 5c9a47cc7..067d1bd2b 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/HotelListing/HotelListingItem/HotelListingItemSkeleton.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/HotelListing/HotelListingItem/HotelListingItemSkeleton.tsx
@@ -1,8 +1,7 @@
 "use client"
 
 import { Divider } from "@scandic-hotels/design-system/Divider"
-
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import styles from "./hotelListingItem.module.css"
 
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/HotelListing/HotelListingSkeleton.tsx b/apps/scandic-web/components/ContentType/DestinationPage/HotelListing/HotelListingSkeleton.tsx
index 9e06945a5..ecb03a3d6 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/HotelListing/HotelListingSkeleton.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/HotelListing/HotelListingSkeleton.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import HotelListingItemSkeleton from "./HotelListingItem/HotelListingItemSkeleton"
 
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/SidebarContentWrapper/SidebarContentWrapperSkeleton.tsx b/apps/scandic-web/components/ContentType/DestinationPage/SidebarContentWrapper/SidebarContentWrapperSkeleton.tsx
index 333cc28d7..95be1ed5a 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/SidebarContentWrapper/SidebarContentWrapperSkeleton.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/SidebarContentWrapper/SidebarContentWrapperSkeleton.tsx
@@ -2,7 +2,7 @@
 
 import React from "react"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import styles from "./sidebarContentWrapper.module.css"
 
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/TopImages/TopImagesSkeleton.tsx b/apps/scandic-web/components/ContentType/DestinationPage/TopImages/TopImagesSkeleton.tsx
index 4f69b583b..9c483f20b 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/TopImages/TopImagesSkeleton.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/TopImages/TopImagesSkeleton.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import styles from "./topImages.module.css"
 
diff --git a/apps/scandic-web/components/Current/Header/LanguageSwitcher/index.tsx b/apps/scandic-web/components/Current/Header/LanguageSwitcher/index.tsx
index 551fbf6fa..ce6fab168 100644
--- a/apps/scandic-web/components/Current/Header/LanguageSwitcher/index.tsx
+++ b/apps/scandic-web/components/Current/Header/LanguageSwitcher/index.tsx
@@ -2,9 +2,9 @@
 
 import { usePathname } from "next/navigation"
 
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { trpc } from "@scandic-hotels/trpc/client"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import useLang from "@/hooks/useLang"
 
 import Desktop from "./Desktop"
diff --git a/apps/scandic-web/components/Current/Header/MainMenu/index.tsx b/apps/scandic-web/components/Current/Header/MainMenu/index.tsx
index 9ece85894..791641ede 100644
--- a/apps/scandic-web/components/Current/Header/MainMenu/index.tsx
+++ b/apps/scandic-web/components/Current/Header/MainMenu/index.tsx
@@ -7,6 +7,7 @@ import { useIntl } from "react-intl"
 import { findMyBookingCurrentWebPath } from "@scandic-hotels/common/constants/routes/findMyBooking"
 import { myPages } from "@scandic-hotels/common/constants/routes/myPages"
 import { getCurrentWebUrl } from "@scandic-hotels/common/utils/url"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import { logout } from "@/constants/routes/handleAuth"
 import { env } from "@/env/client"
@@ -15,7 +16,6 @@ import useDropdownStore from "@/stores/main-menu"
 import Image from "@/components/Image"
 import LoginButton from "@/components/LoginButton"
 import Avatar from "@/components/MyPages/Avatar"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Link from "@/components/TempDesignSystem/Link"
 import useLang from "@/hooks/useLang"
 import { trackClick } from "@/utils/tracking"
diff --git a/apps/scandic-web/components/Current/Header/MyPagesMobileDropdown/index.tsx b/apps/scandic-web/components/Current/Header/MyPagesMobileDropdown/index.tsx
index 232363fde..ea578e51e 100644
--- a/apps/scandic-web/components/Current/Header/MyPagesMobileDropdown/index.tsx
+++ b/apps/scandic-web/components/Current/Header/MyPagesMobileDropdown/index.tsx
@@ -3,12 +3,12 @@
 import { useIntl } from "react-intl"
 
 import { Divider } from "@scandic-hotels/design-system/Divider"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import { logout } from "@/constants/routes/handleAuth"
 import useDropdownStore from "@/stores/main-menu"
 
 import { useMyPagesNavigation } from "@/components/Header/MainMenu/MyPagesMenuContent"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Link from "@/components/TempDesignSystem/Link"
 import Title from "@/components/TempDesignSystem/Text/Title"
 import useLang from "@/hooks/useLang"
diff --git a/apps/scandic-web/components/Current/Header/TopMenu/index.tsx b/apps/scandic-web/components/Current/Header/TopMenu/index.tsx
index a1595d7d1..4e51b031b 100644
--- a/apps/scandic-web/components/Current/Header/TopMenu/index.tsx
+++ b/apps/scandic-web/components/Current/Header/TopMenu/index.tsx
@@ -1,10 +1,10 @@
 import { overview } from "@scandic-hotels/common/constants/routes/myPages"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import { logout } from "@/constants/routes/handleAuth"
 import { getName } from "@/lib/trpc/memoizedRequests"
 
 import LoginButton from "@/components/LoginButton"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Link from "@/components/TempDesignSystem/Link"
 import { getIntl } from "@/i18n"
 import { getLang } from "@/i18n/serverContext"
diff --git a/apps/scandic-web/components/Footer/Details/index.tsx b/apps/scandic-web/components/Footer/Details/index.tsx
index 297d86aa8..a024d4109 100644
--- a/apps/scandic-web/components/Footer/Details/index.tsx
+++ b/apps/scandic-web/components/Footer/Details/index.tsx
@@ -1,10 +1,10 @@
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { getFooter } from "@/lib/trpc/memoizedRequests"
 
 import Image from "@/components/Image"
 import LanguageSwitcher from "@/components/LanguageSwitcher"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Link from "@/components/TempDesignSystem/Link"
 import { getIntl } from "@/i18n"
 import { getLang } from "@/i18n/serverContext"
diff --git a/apps/scandic-web/components/Footer/Navigation/MainNav/index.tsx b/apps/scandic-web/components/Footer/Navigation/MainNav/index.tsx
index 8b101a4e1..f3c153a74 100644
--- a/apps/scandic-web/components/Footer/Navigation/MainNav/index.tsx
+++ b/apps/scandic-web/components/Footer/Navigation/MainNav/index.tsx
@@ -1,9 +1,9 @@
 "use client"
 
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Link from "@/components/TempDesignSystem/Link"
 import { trackFooterClick } from "@/utils/tracking"
 
diff --git a/apps/scandic-web/components/Footer/Navigation/SecondaryNav/index.tsx b/apps/scandic-web/components/Footer/Navigation/SecondaryNav/index.tsx
index c6101f87a..85fa6801d 100644
--- a/apps/scandic-web/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/apps/scandic-web/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,9 +1,9 @@
 "use client"
 
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import Image from "@/components/Image"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Link from "@/components/TempDesignSystem/Link"
 import useLang from "@/hooks/useLang"
 import { trackFooterClick, trackSocialMediaClick } from "@/utils/tracking"
diff --git a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/List/ListItem/index.tsx b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/List/ListItem/index.tsx
index ac87120e6..f72f1d59f 100644
--- a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/List/ListItem/index.tsx
+++ b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/List/ListItem/index.tsx
@@ -1,6 +1,5 @@
 import Body from "@scandic-hotels/design-system/Body"
-
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import { listItemVariants } from "./variants"
 
diff --git a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/List/index.tsx b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/List/index.tsx
index cd71d4af4..c41c0082b 100644
--- a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/List/index.tsx
+++ b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/List/index.tsx
@@ -1,4 +1,4 @@
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import Label from "./Label"
 import ListItem, { ListItemSkeleton } from "./ListItem"
diff --git a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/index.tsx b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/index.tsx
index 4895c7eea..9af7ed9c1 100644
--- a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/index.tsx
+++ b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/index.tsx
@@ -9,9 +9,9 @@ import { useIntl } from "react-intl"
 import { logger } from "@scandic-hotels/common/logger"
 import { Button } from "@scandic-hotels/design-system/Button"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import { useSearchHistory } from "@/hooks/useSearchHistory"
 
 import { Input } from "../Input"
diff --git a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Voucher/index.tsx b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Voucher/index.tsx
index f16fba60e..078a7867b 100644
--- a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Voucher/index.tsx
+++ b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Voucher/index.tsx
@@ -3,8 +3,7 @@ import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 
 import Caption from "@scandic-hotels/design-system/Caption"
-
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import BookingCode from "../BookingCode"
 import RewardNight from "../RewardNight"
diff --git a/apps/scandic-web/components/Forms/BookingWidget/FormContent/index.tsx b/apps/scandic-web/components/Forms/BookingWidget/FormContent/index.tsx
index c16a5b035..a1e43e166 100644
--- a/apps/scandic-web/components/Forms/BookingWidget/FormContent/index.tsx
+++ b/apps/scandic-web/components/Forms/BookingWidget/FormContent/index.tsx
@@ -6,6 +6,7 @@ import { useIntl } from "react-intl"
 
 import { dt } from "@scandic-hotels/common/dt"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { SEARCH_TYPE_REDEMPTION } from "@scandic-hotels/trpc/constants/booking"
 
@@ -13,7 +14,6 @@ import { hotelreservation } from "@/constants/routes/hotelReservation"
 
 import DatePicker from "@/components/DatePicker"
 import GuestsRoomsPickerForm from "@/components/GuestsRoomsPicker"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Button from "@/components/TempDesignSystem/Button"
 import useLang from "@/hooks/useLang"
 
diff --git a/apps/scandic-web/components/Header/MainMenu/MyPagesMenu/index.tsx b/apps/scandic-web/components/Header/MainMenu/MyPagesMenu/index.tsx
index 956e2f841..49bf553c7 100644
--- a/apps/scandic-web/components/Header/MainMenu/MyPagesMenu/index.tsx
+++ b/apps/scandic-web/components/Header/MainMenu/MyPagesMenu/index.tsx
@@ -5,10 +5,10 @@ import { useIntl } from "react-intl"
 
 import Body from "@scandic-hotels/design-system/Body"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import useDropdownStore from "@/stores/main-menu"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import useClickOutside from "@/hooks/useClickOutside"
 import { useHandleKeyUp } from "@/hooks/useHandleKeyUp"
 import { getInitials } from "@/utils/user"
diff --git a/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuList/index.tsx b/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuList/index.tsx
index 2aa95a0cb..3cf5ac9a7 100644
--- a/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuList/index.tsx
+++ b/apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuList/index.tsx
@@ -1,6 +1,6 @@
 import { cx } from "class-variance-authority"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import NavigationMenuItem from "../NavigationMenuItem"
 
diff --git a/apps/scandic-web/components/Header/TopMenu/index.tsx b/apps/scandic-web/components/Header/TopMenu/index.tsx
index 00cff3cb6..b54d05f9f 100644
--- a/apps/scandic-web/components/Header/TopMenu/index.tsx
+++ b/apps/scandic-web/components/Header/TopMenu/index.tsx
@@ -1,10 +1,10 @@
 import { findMyBooking } from "@scandic-hotels/common/constants/routes/findMyBooking"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import { getHeader } from "@/lib/trpc/memoizedRequests"
 
 import { IconName } from "@/components/Icons/iconName"
 import LanguageSwitcher from "@/components/LanguageSwitcher"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import { getIntl } from "@/i18n"
 import { getLang } from "@/i18n/serverContext"
 import { isLoggedInUser } from "@/utils/isLoggedInUser"
diff --git a/apps/scandic-web/components/HotelReservation/BookingConfirmation/PaymentDetails/index.tsx b/apps/scandic-web/components/HotelReservation/BookingConfirmation/PaymentDetails/index.tsx
index 44b4f7fcc..853f1d043 100644
--- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/PaymentDetails/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/PaymentDetails/index.tsx
@@ -3,10 +3,10 @@
 import { useIntl } from "react-intl"
 
 import Body from "@scandic-hotels/design-system/Body"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import { useBookingConfirmationStore } from "@/stores/booking-confirmation"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 
 import styles from "./paymentDetails.module.css"
diff --git a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/Room/RoomSkeletonLoader.tsx b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/Room/RoomSkeletonLoader.tsx
index 161b8e5c4..3d6b8b523 100644
--- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/Room/RoomSkeletonLoader.tsx
+++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/Room/RoomSkeletonLoader.tsx
@@ -1,4 +1,4 @@
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import styles from "./roomSkeletonLoader.module.css"
 
diff --git a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/TotalPrice/index.tsx b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/TotalPrice/index.tsx
index dee720bf3..b961154b9 100644
--- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/TotalPrice/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/TotalPrice/index.tsx
@@ -4,12 +4,12 @@ import { cx } from "class-variance-authority"
 import { useIntl } from "react-intl"
 
 import { Divider } from "@scandic-hotels/design-system/Divider"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { useBookingConfirmationStore } from "@/stores/booking-confirmation"
 
 import BookingCodeChip from "@/components/BookingCodeChip"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 
 import PriceDetails from "../../PriceDetails"
 
diff --git a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/LinkedReservationCardSkeleton.tsx b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/LinkedReservationCardSkeleton.tsx
index 4458462f4..fa6624493 100644
--- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/LinkedReservationCardSkeleton.tsx
+++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/LinkedReservationCardSkeleton.tsx
@@ -1,4 +1,4 @@
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import styles from "./linkedReservationCardSkeleton.module.css"
 
diff --git a/apps/scandic-web/components/HotelReservation/HotelCard/HotelCardSkeleton.tsx b/apps/scandic-web/components/HotelReservation/HotelCard/HotelCardSkeleton.tsx
index 341857247..b2dc5d4fe 100644
--- a/apps/scandic-web/components/HotelReservation/HotelCard/HotelCardSkeleton.tsx
+++ b/apps/scandic-web/components/HotelReservation/HotelCard/HotelCardSkeleton.tsx
@@ -1,4 +1,4 @@
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import styles from "./HotelCardSkeleton.module.css"
 
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/PriceType/Cheques.tsx b/apps/scandic-web/components/HotelReservation/MyStay/PriceType/Cheques.tsx
index 878089939..03710513f 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/PriceType/Cheques.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/PriceType/Cheques.tsx
@@ -2,9 +2,9 @@
 import { useIntl } from "react-intl"
 
 import { CurrencyEnum } from "@scandic-hotels/common/constants/currency"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import { formatPrice } from "@/utils/numberFormatting"
 
 export default function Cheques({
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/PriceType/Points.tsx b/apps/scandic-web/components/HotelReservation/MyStay/PriceType/Points.tsx
index d3212f32a..dcc003669 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/PriceType/Points.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/PriceType/Points.tsx
@@ -2,9 +2,9 @@
 import { useIntl } from "react-intl"
 
 import { CurrencyEnum } from "@scandic-hotels/common/constants/currency"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import { formatPrice } from "@/utils/numberFormatting"
 
 export default function Points({
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/PriceType/Vouchers.tsx b/apps/scandic-web/components/HotelReservation/MyStay/PriceType/Vouchers.tsx
index 1f990cdd0..447499c3b 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/PriceType/Vouchers.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/PriceType/Vouchers.tsx
@@ -1,9 +1,9 @@
 "use client"
 import { useIntl } from "react-intl"
 
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import { formatPrice } from "@/utils/numberFormatting"
 
 import type { CurrencyEnum } from "@scandic-hotels/common/constants/currency"
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/index.tsx b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/index.tsx
index d2945219d..ba6f4b3a7 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/index.tsx
@@ -1,12 +1,12 @@
 "use client"
 
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { useMyStayStore } from "@/stores/my-stay"
 
 import GuestDetails from "@/components/HotelReservation/MyStay/GuestDetails"
 import PriceDetails from "@/components/HotelReservation/MyStay/PriceDetails"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 
 import BookingInformation from "./BookingInformation"
 import Details from "./Details"
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/myStaySkeleton.tsx b/apps/scandic-web/components/HotelReservation/MyStay/myStaySkeleton.tsx
index ae3b030ee..a02fe2b6e 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/myStaySkeleton.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/myStaySkeleton.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import styles from "./myStay.module.css"
 
diff --git a/apps/scandic-web/components/HotelReservation/RoomCardSkeleton/RoomCardSkeleton.tsx b/apps/scandic-web/components/HotelReservation/RoomCardSkeleton/RoomCardSkeleton.tsx
index 0e032ed1c..ae73e9607 100644
--- a/apps/scandic-web/components/HotelReservation/RoomCardSkeleton/RoomCardSkeleton.tsx
+++ b/apps/scandic-web/components/HotelReservation/RoomCardSkeleton/RoomCardSkeleton.tsx
@@ -1,4 +1,4 @@
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import styles from "./RoomCardSkeleton.module.css"
 
diff --git a/apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainerSkeleton.tsx b/apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainerSkeleton.tsx
index 35719eeb4..2df814c2a 100644
--- a/apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainerSkeleton.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainerSkeleton.tsx
@@ -1,5 +1,6 @@
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
+
 import { RoomCardSkeleton } from "@/components/HotelReservation/RoomCardSkeleton/RoomCardSkeleton"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 
 import styles from "./SelectHotelMapContainerSkeleton.module.css"
 
diff --git a/apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelSkeleton.tsx b/apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelSkeleton.tsx
index 27b7d2906..a62c37f90 100644
--- a/apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelSkeleton.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelSkeleton.tsx
@@ -1,4 +1,4 @@
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import { HotelCardSkeleton } from "../HotelCard/HotelCardSkeleton"
 
diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/index.tsx b/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/index.tsx
index 6b2aa383a..72516a411 100644
--- a/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/index.tsx
@@ -1,10 +1,10 @@
 import { dt } from "@scandic-hotels/common/dt"
 import { Divider } from "@scandic-hotels/design-system/Divider"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { FacilityToIcon } from "@/components/ContentType/HotelPage/data"
 import ImageGallery from "@/components/ImageGallery"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Alert from "@/components/TempDesignSystem/Alert"
 import { getIntl } from "@/i18n"
 import { mapApiImagesToGalleryImages } from "@/utils/imageGallery"
diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/index.tsx b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/index.tsx
index 48107a889..1703acc0f 100644
--- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/index.tsx
@@ -4,10 +4,10 @@ import { useSession } from "next-auth/react"
 
 import { dt } from "@scandic-hotels/common/dt"
 import { Divider } from "@scandic-hotels/design-system/Divider"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import { useRatesStore } from "@/stores/select-rate"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import { useRoomContext } from "@/contexts/SelectRate/Room"
 import { isValidClientSession } from "@/utils/clientSession"
 
diff --git a/apps/scandic-web/components/LanguageSwitcher/index.tsx b/apps/scandic-web/components/LanguageSwitcher/index.tsx
index 77cef9ca2..9f3c687bd 100644
--- a/apps/scandic-web/components/LanguageSwitcher/index.tsx
+++ b/apps/scandic-web/components/LanguageSwitcher/index.tsx
@@ -6,6 +6,7 @@ import FocusLock from "react-focus-lock"
 import { useIntl } from "react-intl"
 
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { trpc } from "@scandic-hotels/trpc/client"
 
@@ -17,7 +18,6 @@ import { useHandleKeyUp } from "@/hooks/useHandleKeyUp"
 import useLang from "@/hooks/useLang"
 import { trackLanguageSwitchClick } from "@/utils/tracking/navigation"
 
-import SkeletonShimmer from "../SkeletonShimmer"
 import LanguageSwitcherContainer from "./LanguageSwitcherContainer"
 import LanguageSwitcherContent from "./LanguageSwitcherContent"
 import { languageSwitcherVariants } from "./variants"
diff --git a/apps/scandic-web/components/MeetingPackageWidget/Skeleton/index.tsx b/apps/scandic-web/components/MeetingPackageWidget/Skeleton/index.tsx
index ceef28078..27d670d95 100644
--- a/apps/scandic-web/components/MeetingPackageWidget/Skeleton/index.tsx
+++ b/apps/scandic-web/components/MeetingPackageWidget/Skeleton/index.tsx
@@ -1,4 +1,4 @@
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import styles from "./skeleton.module.css"
 
diff --git a/apps/scandic-web/components/Sidebar/SidebarSkeleton.tsx b/apps/scandic-web/components/Sidebar/SidebarSkeleton.tsx
index 26b6df296..23bf7cadf 100644
--- a/apps/scandic-web/components/Sidebar/SidebarSkeleton.tsx
+++ b/apps/scandic-web/components/Sidebar/SidebarSkeleton.tsx
@@ -1,4 +1,4 @@
-import SkeletonShimmer from "../SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import styles from "./sidebar.module.css"
 
diff --git a/apps/scandic-web/components/TempDesignSystem/Breadcrumbs/BreadcrumbsSkeleton/index.tsx b/apps/scandic-web/components/TempDesignSystem/Breadcrumbs/BreadcrumbsSkeleton/index.tsx
index ade1e3cba..a30f2a6f6 100644
--- a/apps/scandic-web/components/TempDesignSystem/Breadcrumbs/BreadcrumbsSkeleton/index.tsx
+++ b/apps/scandic-web/components/TempDesignSystem/Breadcrumbs/BreadcrumbsSkeleton/index.tsx
@@ -1,7 +1,7 @@
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import styles from "@/components/TempDesignSystem/Breadcrumbs/breadcrumbs.module.css"
 
 import { breadcrumbsVariants } from "../variants"
diff --git a/apps/scandic-web/components/SkeletonShimmer/index.tsx b/packages/design-system/lib/components/SkeletonShimmer/index.tsx
similarity index 61%
rename from apps/scandic-web/components/SkeletonShimmer/index.tsx
rename to packages/design-system/lib/components/SkeletonShimmer/index.tsx
index b51e13a71..a07b3a4ac 100644
--- a/apps/scandic-web/components/SkeletonShimmer/index.tsx
+++ b/packages/design-system/lib/components/SkeletonShimmer/index.tsx
@@ -1,6 +1,6 @@
-import { cva, cx } from "class-variance-authority"
+import { cva, cx } from 'class-variance-authority'
 
-import styles from "./skeleton.module.css"
+import styles from './skeleton.module.css'
 
 const variants = cva(styles.shimmer, {
   variants: {
@@ -10,12 +10,12 @@ const variants = cva(styles.shimmer, {
     },
     display: {
       block: styles.block,
-      "inline-block": styles.inlineBlock,
+      'inline-block': styles.inlineBlock,
     },
   },
   defaultVariants: {
-    contrast: "light",
-    display: "inline-block",
+    contrast: 'light',
+    display: 'inline-block',
   },
 })
 
@@ -23,14 +23,14 @@ export default function SkeletonShimmer({
   className,
   height,
   width,
-  contrast = "light",
-  display = "inline-block",
+  contrast = 'light',
+  display = 'inline-block',
 }: {
   className?: string
   height?: string
   width?: string
-  contrast?: "light" | "dark"
-  display?: "block" | "inline-block"
+  contrast?: 'light' | 'dark'
+  display?: 'block' | 'inline-block'
 }) {
   return (
     <span
@@ -38,11 +38,10 @@ export default function SkeletonShimmer({
       style={{
         height: height,
         width: width,
-        maxWidth: "100%",
+        maxWidth: '100%',
       }}
     >
       {/* zero width space, allows for font styles to affect height */}
-      {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
       <span aria-hidden="true">&#8203;</span>
     </span>
   )
diff --git a/apps/scandic-web/components/SkeletonShimmer/skeleton.module.css b/packages/design-system/lib/components/SkeletonShimmer/skeleton.module.css
similarity index 98%
rename from apps/scandic-web/components/SkeletonShimmer/skeleton.module.css
rename to packages/design-system/lib/components/SkeletonShimmer/skeleton.module.css
index 6a5165eec..90a852006 100644
--- a/apps/scandic-web/components/SkeletonShimmer/skeleton.module.css
+++ b/packages/design-system/lib/components/SkeletonShimmer/skeleton.module.css
@@ -35,7 +35,7 @@
   transform: translateX(-100%);
   background-image: var(--shimmer);
   animation: shimmer 3s infinite;
-  content: "";
+  content: '';
 }
 .shimmer span {
   visibility: hidden;
diff --git a/packages/design-system/package.json b/packages/design-system/package.json
index 2aec3db7d..69c784824 100644
--- a/packages/design-system/package.json
+++ b/packages/design-system/package.json
@@ -17,6 +17,7 @@
     "./Input": "./dist/components/Input/index.js",
     "./Label": "./dist/components/Label/index.js",
     "./Select": "./dist/components/Select/index.js",
+    "./SkeletonShimmer": "./dist/components/SkeletonShimmer/index.js",
     "./Tooltip": "./dist/components/Tooltip/index.js",
     "./Typography": "./dist/components/Typography/index.js",
     "./RegularRateCard": "./dist/components/RateCard/Regular/index.js",