diff --git a/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.module.css b/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.module.css
index 5885001f8..cace3368f 100644
--- a/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.module.css
+++ b/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.module.css
@@ -1,7 +1,7 @@
 .main {
   display: grid;
-  grid-template-columns: repeat(3, minmax(min-content, max-content));
-  padding: 32px 32px 0px 32px;
+  grid-template-columns: repeat(3, auto);
+  padding: var(--Spacing-x4) var(--Spacing-x4) 0 var(--Spacing-x4);
   height: 100dvh;
   background-color: var(--Scandic-Brand-Warm-White);
 }
diff --git a/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx b/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx
index b7d67e278..609c9037e 100644
--- a/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx
+++ b/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx
@@ -16,13 +16,13 @@ export default async function SelectHotelPage({
   })
   const hotels = [attributes]
 
-  const hotelFitlers = await serverClient().hotel.getFilters({
+  const hotelFilters = await serverClient().hotel.getFilters({
     hotelId: "d98c7ab1-ebaa-4102-b351-758daf1ddf55",
   })
 
   return (
     <main className={styles.main}>
-      <HotelFilter filter={hotelFitlers} />
+      <HotelFilter filter={hotelFilters} />
       <section className={styles.section}>
         {hotels.map((hotel) => (
           <HotelCard key={hotel.name} hotel={hotel} />
diff --git a/components/HotelReservation/SelectHotel/HotelFilter/hotelFilter.module.css b/components/HotelReservation/SelectHotel/HotelFilter/hotelFilter.module.css
index 78e7fc2aa..737eca4d9 100644
--- a/components/HotelReservation/SelectHotel/HotelFilter/hotelFilter.module.css
+++ b/components/HotelReservation/SelectHotel/HotelFilter/hotelFilter.module.css
@@ -3,7 +3,6 @@
 }
 
 .facilities {
-  flex-direction: column;
   font-family: var(--typography-Body-Bold-fontFamily);
   margin-bottom: var(--Spacing-x3);
 }
diff --git a/components/HotelReservation/SelectHotel/HotelFilter/index.tsx b/components/HotelReservation/SelectHotel/HotelFilter/index.tsx
index 805939703..6c84497ef 100644
--- a/components/HotelReservation/SelectHotel/HotelFilter/index.tsx
+++ b/components/HotelReservation/SelectHotel/HotelFilter/index.tsx
@@ -1,5 +1,3 @@
-import { serverClient } from "@/lib/trpc/server"
-
 import { getIntl } from "@/i18n"
 
 import styles from "./hotelFilter.module.css"
diff --git a/server/routers/hotels/output.ts b/server/routers/hotels/output.ts
index 521175f0c..51cb12fa2 100644
--- a/server/routers/hotels/output.ts
+++ b/server/routers/hotels/output.ts
@@ -468,7 +468,7 @@ export const getHotelDataSchema = z.object({
   included: z.array(RoomSchema).optional(),
 })
 
-const Rate = z.object({
+const rate = z.object({
   id: z.number(),
   name: z.string(),
   description: z.string(),
@@ -478,11 +478,11 @@ const Rate = z.object({
   imageSrc: z.string(),
 })
 
-export const getRatesSchema = z.array(Rate)
+export const getRatesSchema = z.array(rate)
 
-export type Rate = z.infer<typeof Rate>
+export type Rate = z.infer<typeof rate>
 
-const HotelFilter = z.object({
+const hotelFilter = z.object({
   filter: z.object({
     roomFacilities: z.array(z.string()),
     hotelFacilities: z.array(z.string()),
@@ -490,5 +490,5 @@ const HotelFilter = z.object({
   }),
 })
 
-export const getFiltersSchema = z.array(HotelFilter)
-export type HotelFilter = z.infer<typeof HotelFilter>
+export const getFiltersSchema = z.array(hotelFilter)
+export type HotelFilter = z.infer<typeof hotelFilter>