diff --git a/floethereum/css/main.css b/floethereum/css/main.css
index 6c2991d..b959962 100644
--- a/floethereum/css/main.css
+++ b/floethereum/css/main.css
@@ -1054,6 +1054,11 @@ aside h4 {
   display: none; /* Chrome, Safari and Opera */
 }
 
+#tx_filter_chips sm-chip {
+  font-size: 0.75rem;
+  --padding: 0.3rem 0.6rem;
+}
+
 #error_section {
   display: grid;
   height: 100%;
diff --git a/floethereum/index.html b/floethereum/index.html
index 9bee413..d4d8fa3 100644
--- a/floethereum/index.html
+++ b/floethereum/index.html
@@ -946,8 +946,8 @@
                     </ul>
                 </div>
                 <div class="grid gap-1 margin-top-1">
-                    <div class="flex align-center space-between">
-                        <h4>Transactions</h4>
+                    <div class="flex align-center space-between gap-1" style="overflow-x: auto; white-space: nowrap; scrollbar-width: none; -ms-overflow-style: none;">
+                        <h4 class="flex-shrink-0">Transactions</h4>
                         <sm-chips id="tx_filter_chips" onchange=${(e) => {
                     const selectedValue = e.detail?.value || e.target.value || 'all';
                     currentFilter = selectedValue;
@@ -1044,7 +1044,7 @@
                     <li class=${className}>
                         <div class="transaction__icon">${icon}</div>
                         <div class="grid gap-0-5">
-                            <div class="flex gap-1">
+                            <div class="flex gap-1 flex-wrap space-between">
                                 <time class="transaction__time">${formattedDate}</time>
                                 <div class="transaction__amount">${amountPrefix}${tx.value.toFixed(8)} ${tx.symbol}</div>
                             </div>