From 0bc0d877688a20dafdda68be2ce2e42a8c1e9575 Mon Sep 17 00:00:00 2001
From: Jakub Kottnauer <jk@jakubkottnauer.com>
Date: Fri, 21 Jun 2024 21:57:55 +0200
Subject: [PATCH] Fix transfer note overflow style (#902)

---
 app/views/account/transfers/_transfer.html.erb | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/views/account/transfers/_transfer.html.erb b/app/views/account/transfers/_transfer.html.erb
index f0e0c8572f9..eeec6868ebc 100644
--- a/app/views/account/transfers/_transfer.html.erb
+++ b/app/views/account/transfers/_transfer.html.erb
@@ -27,9 +27,13 @@
 
     <div class="pt-2 divide-y divide-alpha-black-200">
       <% transfer.transactions.each do |transaction| %>
-        <div class="py-3 flex items-center justify-between">
-          <%= render "transactions/name", transaction: transaction %>
-          <%= render "transactions/amount", transaction: transaction %>
+        <div class="py-3 grid grid-cols-12 items-center">
+          <div class="col-span-10">
+            <%= render "transactions/name", transaction: transaction %>
+          </div>
+          <div class="col-span-2 ml-auto">
+            <%= render "transactions/amount", transaction: transaction %>
+          </div>
         </div>
       <% end %>
     </div>