diff --git a/vue/src/components/MarketOrders.vue b/vue/src/components/MarketOrders.vue
index 07f3671..b0cbcff 100644
--- a/vue/src/components/MarketOrders.vue
+++ b/vue/src/components/MarketOrders.vue
@@ -10,7 +10,7 @@
         <tr v-for="o in orders " :key="o.id" class="success">
           <td>{{ o.side }} {{ o.quantity }} {{ o.ShareDescription }} @ {{ o.price }} sats</td>
           <td class="hidden-sm">{{ ago(new Date(o.CreatedAt)) }}</td>
-          <td>PENDING</td>
+          <td class="font-mono">PENDING</td>
         </tr>
       </tbody>
     </table>
diff --git a/vue/src/components/UserInvoices.vue b/vue/src/components/UserInvoices.vue
index 5b6659c..7554146 100644
--- a/vue/src/components/UserInvoices.vue
+++ b/vue/src/components/UserInvoices.vue
@@ -13,7 +13,7 @@
           <td>{{ i.Msats / 1000 }}</td>
           <td :title="i.CreatedAt">{{ ago(new Date(i.CreatedAt)) }}</td>
           <td :title="i.ExpiresAt" class="hidden-sm">{{ ago(new Date(i.ExpiresAt)) }}</td>
-          <td>{{ i.Status }}</td>
+          <td class="font-mono">{{ i.Status }}</td>
           <td>
             <router-link :to="/invoice/ + i.Id">open</router-link>
           </td>