diff --git a/theme/templates/trades/trade_offer_detail.html b/theme/templates/trades/trade_offer_detail.html
index 600e73b..e625de0 100644
--- a/theme/templates/trades/trade_offer_detail.html
+++ b/theme/templates/trades/trade_offer_detail.html
@@ -80,12 +80,12 @@
     </div>
     <div class="divider"></div>
     <div class="font-semibold text-center sm:text-lg mb-2">Trade History:</div>
-    <div class="flex flex-row flex-wrap justify-start items-baseline gap-y-2 w-65 xs:w-88 sm:w-90 lg:w-181 mx-auto">
+    <div class="flex flex-col justify-center items-baseline gap-y-2 w-90 mx-auto">
       {% for trade in object.acceptances.all %}
-        <div class="grid grid-cols-2 justify-items-between items-baseline w-65 xs:w-88 sm:w-90 lg:w-181">
-          <div class="">{% card_badge trade.offered_card %}</div>
-          <div class="">{% card_badge trade.requested_card %}</div>
-          <div class="col-span-2 text-center mt-1">{{ trade.accepted_by.user.username }} &bull; <a class="link link-hover" href="{% url 'trade_acceptance_update' pk=trade.pk %}">#{{ trade.hash }}</a> &bull; {{ trade.get_state_display }}</div>
+        <div class="flex flex-row flex-wrap justify-around items-baseline w-90">
+          <div class="grow-0">{% card_badge trade.offered_card %}</div>
+          <div class="grow-0">{% card_badge trade.requested_card %}</div>
+          <div class="text-center mt-1">{{ trade.accepted_by.user.username }} &bull; <a class="link link-hover" href="{% url 'trade_acceptance_update' pk=trade.pk %}">#{{ trade.hash }}</a> &bull; {{ trade.get_state_display }}</div>
         </div>
       {% empty %}
         <div class="text-center justify-center w-full text-center">No trades yet.</div>