diff --git a/src/components/BookingBreakdown/BookingBreakdown.css b/src/components/BookingBreakdown/BookingBreakdown.css
index c314132d..33e6fbc3 100644
--- a/src/components/BookingBreakdown/BookingBreakdown.css
+++ b/src/components/BookingBreakdown/BookingBreakdown.css
@@ -44,7 +44,7 @@
@media (--viewportMedium) {
font-weight: 700;
- margin: -1px 0 0 10px;
+ margin: 0 0 0 10px;
}
}
@@ -79,6 +79,6 @@
margin: 0 0 0 10px;
@media (--viewportMedium) {
- margin: 0 0 0 10px;
+ margin: 2px 0 0 10px;
}
}
diff --git a/src/components/OrderDetailsPanel/OrderDetailsPanel.css b/src/components/OrderDetailsPanel/OrderDetailsPanel.css
index a0b877a1..8b7e84a2 100644
--- a/src/components/OrderDetailsPanel/OrderDetailsPanel.css
+++ b/src/components/OrderDetailsPanel/OrderDetailsPanel.css
@@ -102,7 +102,7 @@
@media (--viewportLarge) {
max-width: 100%;
- margin: 175px 0 0 0;
+ margin: 177px 0 0 0;
}
}
@@ -176,7 +176,7 @@
margin: 1px 0 0 0;
@media (--viewportLarge) {
- margin-top: 121px;
+ margin-top: 123px;
margin-left: 0;
margin-right: 0;
}
@@ -263,11 +263,7 @@
}
.feed {
- margin-top: 17px;
-
- @media (--viewportMedium) {
- margin-top: 19px;
- }
+ margin-top: 20px;
}
.sendMessageForm {
@@ -277,7 +273,7 @@
box-shadow: var(--boxShadowBottomForm);
@media (--viewportLarge) {
- margin-top: 47px;
+ margin-top: 46px;
position: relative;
box-shadow: none;
}
diff --git a/src/components/OrderDetailsPanel/OrderDetailsPanel.js b/src/components/OrderDetailsPanel/OrderDetailsPanel.js
index f60a843c..d5eea321 100644
--- a/src/components/OrderDetailsPanel/OrderDetailsPanel.js
+++ b/src/components/OrderDetailsPanel/OrderDetailsPanel.js
@@ -57,15 +57,37 @@ const orderTitle = (transaction, listingLink, customerName) => {
);
} else if (propTypes.txIsDeclined(transaction)) {
- return