diff --git a/apps/ui/components/reservation-unit/ReservationUnitCard.tsx b/apps/ui/components/reservation-unit/ReservationUnitCard.tsx
index b78e1bc5d1..96558fdb7e 100644
--- a/apps/ui/components/reservation-unit/ReservationUnitCard.tsx
+++ b/apps/ui/components/reservation-unit/ReservationUnitCard.tsx
@@ -111,7 +111,10 @@ const MaxPersonsContainer = styled.div`
 const DeleteButton = styled(MediumButton)`
   white-space: nowrap;
   margin: var(--spacing-s) var(--spacing-s) var(--spacing-s) 0;
-  place-self: flex-end;
+  place-self: flex-start;
+  @media (min-width: ${breakpoints.m}) {
+    place-self: flex-end;
+  }
 `;
 
 const ArrowContainer = styled.div`