diff --git a/components/HotelReservation/HotelCardDialog/index.tsx b/components/HotelReservation/HotelCardDialog/index.tsx
index e6a5e2f02..7269ee7cc 100644
--- a/components/HotelReservation/HotelCardDialog/index.tsx
+++ b/components/HotelReservation/HotelCardDialog/index.tsx
@@ -103,12 +103,14 @@ export default function HotelCardDialog({
                   <Caption type="bold">
                     {intl.formatMessage({ id: "From" })}
                   </Caption>
-                  <Subtitle type="two">
-                    {publicPrice} {currency}
-                    <Body asChild>
-                      <span>/{intl.formatMessage({ id: "night" })}</span>
-                    </Body>
-                  </Subtitle>
+                  {publicPrice && (
+                    <Subtitle type="two">
+                      {publicPrice} {currency}
+                      <Body asChild>
+                        <span>/{intl.formatMessage({ id: "night" })}</span>
+                      </Body>
+                    </Subtitle>
+                  )}
                   {memberPrice && (
                     <Subtitle
                       type="two"
diff --git a/components/HotelReservation/HotelCardListing/index.tsx b/components/HotelReservation/HotelCardListing/index.tsx
index d9d0b4f30..ecf9d711a 100644
--- a/components/HotelReservation/HotelCardListing/index.tsx
+++ b/components/HotelReservation/HotelCardListing/index.tsx
@@ -128,7 +128,9 @@ export default function HotelCardListing({
           text={intl.formatMessage({ id: "filters.nohotel.text" })}
         />
       ) : null}
-      {showBackToTop && <BackToTopButton onClick={scrollToTop} />}
+      {showBackToTop && (
+        <BackToTopButton position="right" onClick={scrollToTop} />
+      )}
     </section>
   )
 }
diff --git a/components/HotelReservation/SelectHotel/SelectHotelMap/index.tsx b/components/HotelReservation/SelectHotel/SelectHotelMap/index.tsx
index 7820d72b9..5459ab795 100644
--- a/components/HotelReservation/SelectHotel/SelectHotelMap/index.tsx
+++ b/components/HotelReservation/SelectHotel/SelectHotelMap/index.tsx
@@ -125,7 +125,9 @@ export default function SelectHotelMap({
             activeHotelPin={activeHotelPin}
             setActiveHotelPin={setActiveHotelPin}
           />
-          {showBackToTop && <BackToTopButton onClick={scrollToTop} />}
+          {showBackToTop && (
+            <BackToTopButton position="right" onClick={scrollToTop} />
+          )}
         </div>
         <InteractiveMap
           closeButton={closeButton}
diff --git a/components/TempDesignSystem/BackToTopButton/backToTopButton.module.css b/components/TempDesignSystem/BackToTopButton/backToTopButton.module.css
index 9b56dc314..01dd2823c 100644
--- a/components/TempDesignSystem/BackToTopButton/backToTopButton.module.css
+++ b/components/TempDesignSystem/BackToTopButton/backToTopButton.module.css
@@ -5,7 +5,6 @@
   align-items: flex-end;
   position: fixed;
   bottom: 20px;
-  right: 20px;
   z-index: 1000;
   background-color: var(--Base-Surface-Primary-light-Normal);
   color: var(--Base-Button-Secondary-On-Fill-Normal);
@@ -28,6 +27,14 @@
   display: none;
 }
 
+.left {
+  left: 32px;
+}
+
+.right {
+  right: 32px;
+}
+
 @media (min-width: 768px) {
   .backToTopButtonText {
     display: initial;
diff --git a/components/TempDesignSystem/BackToTopButton/index.tsx b/components/TempDesignSystem/BackToTopButton/index.tsx
index a50f8329f..ebab3ecd3 100644
--- a/components/TempDesignSystem/BackToTopButton/index.tsx
+++ b/components/TempDesignSystem/BackToTopButton/index.tsx
@@ -5,12 +5,23 @@ import { useIntl } from "react-intl"
 
 import { ArrowUpIcon } from "@/components/Icons"
 
+import { backToTopButtonVariants } from "./variants"
+
 import styles from "./backToTopButton.module.css"
 
-export function BackToTopButton({ onClick }: { onClick: () => void }) {
+export function BackToTopButton({
+  onClick,
+  position,
+}: {
+  onClick: () => void
+  position: "left" | "right"
+}) {
   const intl = useIntl()
   return (
-    <ButtonRAC className={styles.backToTopButton} onPress={onClick}>
+    <ButtonRAC
+      className={backToTopButtonVariants({ position })}
+      onPress={onClick}
+    >
       <ArrowUpIcon color="burgundy" />
       <span className={styles.backToTopButtonText}>
         {intl.formatMessage({ id: "Back to top" })}
diff --git a/components/TempDesignSystem/BackToTopButton/variants.ts b/components/TempDesignSystem/BackToTopButton/variants.ts
new file mode 100644
index 000000000..91cee911e
--- /dev/null
+++ b/components/TempDesignSystem/BackToTopButton/variants.ts
@@ -0,0 +1,15 @@
+import { cva } from "class-variance-authority"
+
+import styles from "./backToTopButton.module.css"
+
+export const backToTopButtonVariants = cva(styles.backToTopButton, {
+  variants: {
+    position: {
+      left: styles.left,
+      right: styles.right,
+    },
+  },
+  defaultVariants: {
+    position: "right",
+  },
+})
