diff --git a/pflaenzli/templates/offer/detail.html b/pflaenzli/templates/offer/detail.html
index 00417df..a82121a 100644
--- a/pflaenzli/templates/offer/detail.html
+++ b/pflaenzli/templates/offer/detail.html
@@ -7,13 +7,13 @@
 {% endblock %}
 {% block content %}
     {% if offer.user == request.user %}<div class="alert alert-info" role="alert">This is your offer!</div>{% endif %}
-    <div class="show-offer-container d-flex flex-wrap">
-        <div class="show-img-container">
+    <div class="show-offer-container row gx-5">
+        <div class="show-img-container col-12 col-md-6">
             <img class="mb-3 img-fluid rounded"
                  alt="Generic placeholder image"
                  src="{{ offer.image.url }}">
         </div>
-        <div class="show-offer-info w-50">
+        <div class="show-offer-info col-12 col-md-6">
             <h1 class="mb-3">{{ offer.title }}</h1>
             <div class="mb-3 d-flex column-gap-2">
                 <p class="mr-3">
@@ -38,7 +38,7 @@
         </div>
     </div>
     {% if offer.user == user %}
-        <a href="{% url 'offer_edit' offer.id %}" class="btn btn-info"><i class="fas fa-pen"></i></a>
+        <a href="{% url 'offer_edit' offer.id %}" class="btn btn-pfl"><i class="fas fa-pen"></i></a>
         <!-- Button trigger modal -->
         <button type="button"
                 class="btn btn-danger"