diff --git a/index.html b/index.html
index bd129e6..7116cd6 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,7 @@
 </head>
 
 <body>
-<div id="app"></div>
+<div id="app" class="app"></div>
 <script src="/version.js"></script>
 <script src="/generated.js"></script>
 <script type="module" src="/src/main.js"></script>
diff --git a/src/components/TimedOrderEntry.vue b/src/components/TimedOrderEntry.vue
index b80626b..279b284 100644
--- a/src/components/TimedOrderEntry.vue
+++ b/src/components/TimedOrderEntry.vue
@@ -8,7 +8,7 @@
           <v-btn @click="amountIsBase=!amountIsBase" variant="outlined" class="mr-2">
             {{ amountIsBase ? pair.tokenA.symbol : pair.tokenB.symbol }}
           </v-btn>
-          <v-btn :text="amountIsTotal ? 'Total' : 'Per Tranche'" variant="outlined"
+          <v-btn :text="amountIsTotal ? 'total' : 'per tranche'" variant="outlined"
                  @click="amountIsTotal=!amountIsTotal" class="total"/>
         </template>
       </v-text-field>
@@ -19,10 +19,10 @@
             {{ amountIsTotal ? 'Split into' : 'Times' }}
           </v-btn>
         </template>
-        <template v-slot:append-inner>Tranches</template>
+        <template v-slot:append-inner>tranches</template>
       </v-text-field>
       <v-text-field type="number" variant="outlined" :min="1" v-model="interval" class="interval"
-      :label="intervalIsTotal ? 'Complete within' : 'Time between tranches'">
+      :label="intervalIsTotal ? 'Completion time' : 'Time between tranches'">
 <!--        <template v-slot:append>APART</template>-->
         <template v-slot:prepend-inner>
           <v-btn variant="outlined" :text="intervalIsTotal ? 'Within' : 'Spaced apart'" class="within mr-2"
@@ -122,14 +122,12 @@ function validateAmount(v) {
 }
 
 function validateMax(v) {
-  console.log('validate max',v,isEmpty(v),minPrice,isEmpty(minPrice))
   if( !isEmpty(minPrice.value) && !isEmpty(v) && parseFloat(v) < parseFloat(minPrice.value) )
       return 'Must be greater than the minimum price'
   return true
 }
 
 function validateMin(v) {
-  console.log('validate min',v,isEmpty(v),maxPrice,isEmpty(maxPrice))
   if( !isEmpty(maxPrice.value) && !isEmpty(v) && parseFloat(v) > parseFloat(maxPrice.value) )
       return 'Must be less than the maximum price'
   return true
diff --git a/src/styles/style.scss b/src/styles/style.scss
index 611b5ce..93d3248 100644
--- a/src/styles/style.scss
+++ b/src/styles/style.scss
@@ -1,24 +1,24 @@
 @use "/src/styles/vars" as v;
 
-//.app {
-//  .v-btn {
-//    font-family: v.$heading-font-family;
-//    text-transform: none;
-//  }
-//
-//  .v-card-title {
-//    font-family: v.$heading-font-family;
-//    color: v.$blue;
-//  }
-//
-//  .title {
-//    font-family: v.$heading-font-family;
-//  }
-//
-//  .v-list-subheader {
-//    font-family: v.$heading-font-family;
-//  }
-//}
+.app {
+  .v-btn {
+    //font-family: v.$heading-font-family;
+    text-transform: none;
+  }
+
+  .v-card-title {
+    font-family: v.$heading-font-family;
+    //color: v.$blue;
+  }
+
+  .title {
+    font-family: v.$heading-font-family;
+  }
+
+  .v-list-subheader {
+    font-family: v.$heading-font-family;
+  }
+}
 
 
 .sc {
