diff --git a/components/ContentType/HotelPage/AmenitiesList/amenitiesList.module.css b/components/ContentType/HotelPage/AmenitiesList/amenitiesList.module.css
index 2f0664441..6a6a6b912 100644
--- a/components/ContentType/HotelPage/AmenitiesList/amenitiesList.module.css
+++ b/components/ContentType/HotelPage/AmenitiesList/amenitiesList.module.css
@@ -4,10 +4,6 @@
   height: fit-content;
 }
 
-.showAllButton {
-  padding: var(--Spacing-x-one-and-half) var(--Spacing-x0) !important;
-}
-
 .amenityItemList {
   display: flex;
   flex-direction: column;
diff --git a/components/ContentType/HotelPage/AmenitiesList/index.tsx b/components/ContentType/HotelPage/AmenitiesList/index.tsx
index 846dffe7a..5d458f4fe 100644
--- a/components/ContentType/HotelPage/AmenitiesList/index.tsx
+++ b/components/ContentType/HotelPage/AmenitiesList/index.tsx
@@ -34,12 +34,7 @@ export default async function AmenitiesList({
         })}
       </div>
       {/*TODO: This should open a side peek. Add once the Side Peek component has been merged. */}
-      <Button
-        className={styles.showAllButton}
-        theme="base"
-        variant="icon"
-        intent="text"
-      >
+      <Button theme="base" variant="icon" intent="text">
         {formatMessage({ id: "Show all amenities" })}
         <ChevronRightIcon />
       </Button>