diff --git a/pass/public/styles/cost.less b/pass/public/styles/cost.less
index 65b6ceef84a81c7170f9c8f8ec881bc7c11ac998..7ed5d7ef2a91038f22713ccb27b11d37db895ae4 100644
--- a/pass/public/styles/cost.less
+++ b/pass/public/styles/cost.less
@@ -133,15 +133,17 @@
       flex: 0 1 150px;
       border: 1px solid @color-main;
       border-radius: 10px;
-      padding: 0.5rem;
+      padding: 1rem;
 
       > div {
-        font-size: 1.3rem;
-        display: grid;
-        place-content: center;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 1rem;
+        line-height: 1;
         > img {
           max-width: 100%;
-          max-height: 44px;
+          max-height: 35px;
         }
       }
     }
diff --git a/pass/views/cost.ejs b/pass/views/cost.ejs
index 55b2d3a9bd7b10c4aa0cd190a2c297a03b01ec2e..cbb9a6fb7e2ced7bf3ce625771f6890104c080d3 100644
--- a/pass/views/cost.ejs
+++ b/pass/views/cost.ejs
@@ -46,7 +46,10 @@ js:[]}); %>
   <div class="payment-methods-container">
     <div class="payment-method">
       <div>
-        <img src="<%= baseDir _%>/images/cash.svg" alt="Bargeld" />
+        <img src="<%= baseDir _%>/images/letter.svg" alt="Bargeld" />
+        <div>
+          <%= req.t("payments.cash.name", {ns: "checkout"}) _%>
+        </div>
       </div>
     </div>
   </div>
@@ -60,6 +63,14 @@ js:[]}); %>
     <div class="payment-method">
       <div>
         <img src="<%= baseDir _%>/images/paypal/card.svg" alt="Credit Card Logo" />
+        <div>
+          <%= req.t("paypal.card.label", {ns: "checkout"}) _%>
+        </div>
+      </div>
+    </div>
+    <div class="payment-method">
+      <div>
+        <%= req.t("payments.prepay.name", {ns: "checkout"}) _%>
       </div>
     </div>
     <div class="payment-method">