diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/facility.module.css b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/facility.module.css
index 52b8f6089..d08961b0b 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/facility.module.css
+++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/facility.module.css
@@ -10,8 +10,16 @@
   gap: var(--Spacing-x-one-and-half);
 }
 
+.openingHoursContainer {
+  display: grid;
+  gap: var(--Space-x15);
+}
+
 .openingHours {
-  margin-top: var(--Spacing-x1);
+  display: grid;
+  padding: var(--Space-x2) var(--Space-x3);
+  border-radius: var(--Corner-radius-md);
+  background: var(--Surface-Secondary-Default);
 }
 
 .title {
diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/index.tsx b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/index.tsx
index d5bf6797b..531d3398d 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/index.tsx
+++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/index.tsx
@@ -47,7 +47,7 @@ export default async function Facility({ data }: FacilityProps) {
           </Typography>
         )}
         {isExternalGym ? null : (
-          <div>
+          <div className={styles.openingHoursContainer}>
             <Typography variant="Title/Subtitle/md">
               <h4>
                 {intl.formatMessage({
@@ -60,12 +60,12 @@ export default async function Facility({ data }: FacilityProps) {
                 <p>
                   {ordinaryOpeningTimes.alwaysOpen
                     ? intl.formatMessage({
-                        defaultMessage: "Monday–Friday: Always open",
+                        defaultMessage: "Monday-Friday: Always open",
                       })
                     : intl.formatMessage(
                         {
                           defaultMessage:
-                            "Monday–Friday: {openingTime}–{closingTime}",
+                            "Monday-Friday: {openingTime}-{closingTime}",
                         },
                         {
                           openingTime: ordinaryOpeningTimes.openingTime,
@@ -76,12 +76,12 @@ export default async function Facility({ data }: FacilityProps) {
                 <p>
                   {weekendOpeningTimes.alwaysOpen
                     ? intl.formatMessage({
-                        defaultMessage: "Saturday–Sunday: Always open",
+                        defaultMessage: "Saturday-Sunday: Always open",
                       })
                     : intl.formatMessage(
                         {
                           defaultMessage:
-                            "Saturday–Sunday: {openingTime}–{closingTime}",
+                            "Saturday-Sunday: {openingTime}-{closingTime}",
                         },
                         {
                           openingTime: weekendOpeningTimes.openingTime,