diff --git a/frontend/src/components/RecipeDetailOverlay.vue b/frontend/src/components/RecipeDetailOverlay.vue
index 0584d54..0f0d420 100644
--- a/frontend/src/components/RecipeDetailOverlay.vue
+++ b/frontend/src/components/RecipeDetailOverlay.vue
@@ -1122,7 +1122,7 @@ async function saveRecipe() {
 .card-content {
   position: relative;
   z-index: 2;
-  padding-right: 70px; /* leave room for QR */
+  padding-right: 80px; /* leave room for QR (54px) + gap */
 }
 
 /* Brand overlays */
@@ -1180,6 +1180,8 @@ async function saveRecipe() {
   justify-content: space-between;
   align-items: flex-end;
   margin-top: 16px;
+  margin-right: -80px; /* counteract card-content padding-right to span full width */
+  padding-right: 0;
 }
 
 .card-brand-text {
@@ -1278,6 +1280,7 @@ async function saveRecipe() {
   justify-content: space-between;
   align-items: center;
   margin-top: 8px;
+  margin-right: -80px; /* counteract card-content padding-right */
 }
 
 .card-total-label {