diff --git a/frontend/src/index.css b/frontend/src/index.css
index 3bc9128..520e77e 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -487,21 +487,20 @@ html, body, #root {
   letter-spacing: .04em;
 }
 
-/* Overdue checkout today: bracket extends ~3× into the arriving card slot.
-   margin-right increase compensates so the card narrows rightward by the same
-   amount the bracket intrudes leftward, keeping overall row width consistent. */
+/* Overdue checkout today: card shifts right by 23px (margin-left 46px) so the
+   wider bracket sits cleanly in that space rather than overlapping the card.
+   margin-right stays normal — the 23px extra left margin is the compensation. */
 .room-card.has-overdue-checkout {
-  padding-left: 24px;
-  margin-right: 46px;
+  margin-left: 46px;
+  margin-right: 23px;
 }
 .room-card.has-overdue-checkout[data-previous-status]::before {
+  left: -46px;
   width: 46px;
   background: rgba(59, 130, 246, 0.1);
 }
-.room-card.has-overdue-checkout[data-next-status]::after {
-  right: -46px;
-}
 .room-card.has-overdue-checkout .card-sliver-depart {
+  left: -46px;
   width: 46px;
   font-weight: 700;
   font-size: 10px;