diff --git a/components/HotelReservation/HotelCardDialog/hotelCardDialog.module.css b/components/HotelReservation/HotelCardDialog/hotelCardDialog.module.css
index dce743fa1..7a55be6ca 100644
--- a/components/HotelReservation/HotelCardDialog/hotelCardDialog.module.css
+++ b/components/HotelReservation/HotelCardDialog/hotelCardDialog.module.css
@@ -18,6 +18,12 @@
   position: relative;
 }
 
+.name {
+  height: 48px;
+  display: flex;
+  align-items: center;
+}
+
 .closeIcon {
   position: absolute;
   top: 7px;
@@ -52,7 +58,7 @@
 .facilities {
   display: flex;
   flex-wrap: wrap;
-  gap: var(--Spacing-x1);
+  gap: 0 var(--Spacing-x1);
 }
 
 .facilitiesItem {
@@ -67,7 +73,6 @@
   background: var(--Base-Surface-Secondary-light-Normal);
   display: flex;
   flex-direction: column;
-  gap: var(--Spacing-x-half);
 }
 
 .perNight {
diff --git a/components/HotelReservation/HotelCardDialog/index.tsx b/components/HotelReservation/HotelCardDialog/index.tsx
index 91ce9e548..6fa212af2 100644
--- a/components/HotelReservation/HotelCardDialog/index.tsx
+++ b/components/HotelReservation/HotelCardDialog/index.tsx
@@ -52,20 +52,24 @@ export default function HotelCardDialog({
         <div className={styles.imageContainer}>
           <Image src={firstImage} alt={altText} fill />
           <div className={styles.tripAdvisor}>
-            <Chip intent="primary" className={styles.tripAdvisor}>
-              <TripAdvisorIcon color="white" />
+            <Chip intent="secondary" className={styles.tripAdvisor}>
+              <TripAdvisorIcon color="burgundy" />
               {ratings}
             </Chip>
           </div>
         </div>
         <div className={styles.content}>
-          <Body textTransform="bold">{name}</Body>
+          <div className={styles.name}>
+            <Body textTransform="bold">{name}</Body>
+          </div>
           <div className={styles.facilities}>
             {amenities.map((facility) => {
               const IconComponent = mapFacilityToIcon(facility.id)
               return (
                 <div className={styles.facilitiesItem} key={facility.id}>
-                  {IconComponent && <IconComponent color="grey80" />}
+                  {IconComponent && (
+                    <IconComponent width={16} height={16} color="grey80" />
+                  )}
                   <Caption color="uiTextMediumContrast">
                     {facility.name}
                   </Caption>
diff --git a/components/TempDesignSystem/Chip/chip.module.css b/components/TempDesignSystem/Chip/chip.module.css
index dbfb0e98b..efebaee95 100644
--- a/components/TempDesignSystem/Chip/chip.module.css
+++ b/components/TempDesignSystem/Chip/chip.module.css
@@ -12,3 +12,8 @@ div.chip {
   background-color: var(--Scandic-Red-90);
   color: var(--Primary-Dark-On-Surface-Accent);
 }
+
+.secondary {
+  background-color: var(--Base-Surface-Primary-light-Normal);
+  color: var(--Primary-Light-On-Surface-Text);
+}
diff --git a/components/TempDesignSystem/Chip/variants.ts b/components/TempDesignSystem/Chip/variants.ts
index a17e6d98d..e9d30cd64 100644
--- a/components/TempDesignSystem/Chip/variants.ts
+++ b/components/TempDesignSystem/Chip/variants.ts
@@ -6,6 +6,7 @@ export const chipVariants = cva(styles.chip, {
   variants: {
     intent: {
       primary: styles.primary,
+      secondary: styles.secondary,
     },
     variant: {
       default: styles.default,
