[accelerator] fix overflow in tx page integrated accel

frontend/src/app/components/accelerate-preview/accelerate-preview.component.html

@@ -24,7 +24,7 @@
   <div [class]="{estimateDisabled: error}">
     <div class="row mb-3">
       <div class="col">
-        <table class="table table-borderless table-border table-dark">
+        <table class="table table-borderless table-border table-dark table-accelerator">
           <tbody>
             <!-- NEXT BLOCK TX FEE -->
             <tr>
@@ -110,7 +110,7 @@
     <h6>Acceleration summary</h6>
     <div class="row mb-3">
       <div class="col">
-        <table class="table table-borderless table-border table-dark">
+        <table class="table table-borderless table-border table-dark table-accelerator">
           <tbody>
             <!-- USER MAX BID -->
             <tr>

frontend/src/app/components/accelerate-preview/accelerate-preview.component.scss

@@ -18,3 +18,10 @@
   opacity: 0.5;
   pointer-events: none;
 }
+
+.table-accelerator {
+  table-layout: fixed;
+  & tr {
+    text-wrap: wrap;
+  }
+}