diff --git a/components/ContentType/HotelPage/AmenitiesList/amenitiesList.module.css b/components/ContentType/HotelPage/AmenitiesList/amenitiesList.module.css
index b679da634..24ce03f93 100644
--- a/components/ContentType/HotelPage/AmenitiesList/amenitiesList.module.css
+++ b/components/ContentType/HotelPage/AmenitiesList/amenitiesList.module.css
@@ -19,6 +19,10 @@
   gap: var(--Spacing-x1);
 }
 
+.showAllAmenities {
+  width: fit-content;
+}
+
 @media screen and (min-width: 1367px) {
   .amenitiesContainer {
     margin-top: var(--Spacing-x5);
diff --git a/components/ContentType/HotelPage/AmenitiesList/index.tsx b/components/ContentType/HotelPage/AmenitiesList/index.tsx
index 367d2999f..20bad025d 100644
--- a/components/ContentType/HotelPage/AmenitiesList/index.tsx
+++ b/components/ContentType/HotelPage/AmenitiesList/index.tsx
@@ -43,6 +43,7 @@ export default async function AmenitiesList({
         href={`?s=${amenities[lang]}`}
         color="burgundy"
         variant="icon"
+        className={styles.showAllAmenities}
       >
         {intl.formatMessage({ id: "Show all amenities" })}
         <ChevronRightIcon />