diff --git a/overlord/src/app/core/nav-bar/nav-bar.component.css b/overlord/src/app/core/nav-bar/nav-bar.component.css
index db4b52b0..9738a54d 100644
--- a/overlord/src/app/core/nav-bar/nav-bar.component.css
+++ b/overlord/src/app/core/nav-bar/nav-bar.component.css
@@ -12,3 +12,13 @@
      Every toolbar row uses a flexbox row layout. */
   flex: 1 1 auto;
 }
+
+.fixed-to-top {
+  position: fixed;
+  top: 0;
+  z-index: 999;
+}
+
+.toolbar-fix {
+  height: 64px;
+}
diff --git a/overlord/src/app/core/nav-bar/nav-bar.component.html b/overlord/src/app/core/nav-bar/nav-bar.component.html
index 4ae26a9d..0d6f906d 100644
--- a/overlord/src/app/core/nav-bar/nav-bar.component.html
+++ b/overlord/src/app/core/nav-bar/nav-bar.component.html
@@ -1,4 +1,4 @@
-<mat-toolbar>
+<mat-toolbar class="fixed-to-top">
   <button
     type="button"
     aria-label="Toggle sidenav"
@@ -87,3 +87,4 @@
     <mat-icon>account_box</mat-icon>
     Login</a>
 </mat-toolbar>
+<div class="toolbar-fix"></div>
diff --git a/overlord/src/app/issue/issue.component.css b/overlord/src/app/issue/issue.component.css
index a592a823..e28a55b0 100644
--- a/overlord/src/app/issue/issue.component.css
+++ b/overlord/src/app/issue/issue.component.css
@@ -30,3 +30,7 @@
   left: 60px;
   top: 0;
 }
+
+mat-form-field.mat-form-field {
+  font-size: 1.25em;
+}
diff --git a/overlord/src/app/issue/issue.component.html b/overlord/src/app/issue/issue.component.html
index 3e1e80c0..8859c44e 100644
--- a/overlord/src/app/issue/issue.component.html
+++ b/overlord/src/app/issue/issue.component.html
@@ -100,7 +100,8 @@
       </mat-table>
       <mat-form-field>
         <mat-label>Narration</mat-label>
-        <textarea matInput placeholder="Narration" formControlName="narration"></textarea>
+        <textarea matInput matTextareaAutosize matAutosizeMinRows="5" placeholder="Narration"
+                  formControlName="narration"></textarea>
       </mat-form-field>
     </form>
   </mat-card-content>
diff --git a/overlord/src/app/journal/journal.component.css b/overlord/src/app/journal/journal.component.css
index a592a823..e28a55b0 100644
--- a/overlord/src/app/journal/journal.component.css
+++ b/overlord/src/app/journal/journal.component.css
@@ -30,3 +30,7 @@
   left: 60px;
   top: 0;
 }
+
+mat-form-field.mat-form-field {
+  font-size: 1.25em;
+}
diff --git a/overlord/src/app/journal/journal.component.html b/overlord/src/app/journal/journal.component.html
index c1c7853b..0c1df699 100644
--- a/overlord/src/app/journal/journal.component.html
+++ b/overlord/src/app/journal/journal.component.html
@@ -78,7 +78,8 @@
       </mat-table>
       <mat-form-field>
         <mat-label>Narration</mat-label>
-        <textarea matInput placeholder="Narration" formControlName="narration"></textarea>
+        <textarea matInput matTextareaAutosize matAutosizeMinRows="5" placeholder="Narration"
+                  formControlName="narration"></textarea>
       </mat-form-field>
       <div fxLayout="row" fxLayoutGap="0.5%" fxLayoutAlign="center">
         <div class="img-container" fxFlex="20%" *ngFor="let item of voucher.files">
diff --git a/overlord/src/app/payment/payment.component.css b/overlord/src/app/payment/payment.component.css
index a592a823..e28a55b0 100644
--- a/overlord/src/app/payment/payment.component.css
+++ b/overlord/src/app/payment/payment.component.css
@@ -30,3 +30,7 @@
   left: 60px;
   top: 0;
 }
+
+mat-form-field.mat-form-field {
+  font-size: 1.25em;
+}
diff --git a/overlord/src/app/payment/payment.component.html b/overlord/src/app/payment/payment.component.html
index f048884b..bc71d2ea 100644
--- a/overlord/src/app/payment/payment.component.html
+++ b/overlord/src/app/payment/payment.component.html
@@ -80,7 +80,8 @@
       </mat-table>
       <mat-form-field>
         <mat-label>Narration</mat-label>
-        <textarea matInput placeholder="Narration" formControlName="narration"></textarea>
+        <textarea matInput matTextareaAutosize matAutosizeMinRows="5" placeholder="Narration"
+                  formControlName="narration"></textarea>
       </mat-form-field>
       <div fxLayout="row" fxLayoutGap="0.5%" fxLayoutAlign="center">
         <div class="img-container" fxFlex="20%" *ngFor="let item of voucher.files">
diff --git a/overlord/src/app/purchase-return/purchase-return.component.css b/overlord/src/app/purchase-return/purchase-return.component.css
index a592a823..e28a55b0 100644
--- a/overlord/src/app/purchase-return/purchase-return.component.css
+++ b/overlord/src/app/purchase-return/purchase-return.component.css
@@ -30,3 +30,7 @@
   left: 60px;
   top: 0;
 }
+
+mat-form-field.mat-form-field {
+  font-size: 1.25em;
+}
diff --git a/overlord/src/app/purchase-return/purchase-return.component.html b/overlord/src/app/purchase-return/purchase-return.component.html
index 0f44518f..a030c2d6 100644
--- a/overlord/src/app/purchase-return/purchase-return.component.html
+++ b/overlord/src/app/purchase-return/purchase-return.component.html
@@ -104,7 +104,8 @@
       </mat-table>
       <mat-form-field>
         <mat-label>Narration</mat-label>
-        <textarea matInput placeholder="Narration" formControlName="narration"></textarea>
+        <textarea matInput matTextareaAutosize matAutosizeMinRows="5" placeholder="Narration"
+                  formControlName="narration"></textarea>
       </mat-form-field>
       <div fxLayout="row" fxLayoutGap="0.5%" fxLayoutAlign="center">
         <div class="img-container" fxFlex="20%" *ngFor="let item of voucher.files">
diff --git a/overlord/src/app/purchase/purchase.component.css b/overlord/src/app/purchase/purchase.component.css
index a592a823..e28a55b0 100644
--- a/overlord/src/app/purchase/purchase.component.css
+++ b/overlord/src/app/purchase/purchase.component.css
@@ -30,3 +30,7 @@
   left: 60px;
   top: 0;
 }
+
+mat-form-field.mat-form-field {
+  font-size: 1.25em;
+}
diff --git a/overlord/src/app/purchase/purchase.component.html b/overlord/src/app/purchase/purchase.component.html
index 2b967320..c74992b7 100644
--- a/overlord/src/app/purchase/purchase.component.html
+++ b/overlord/src/app/purchase/purchase.component.html
@@ -116,7 +116,8 @@
       </mat-table>
       <mat-form-field>
         <mat-label>Narration</mat-label>
-        <textarea matInput placeholder="Narration" formControlName="narration"></textarea>
+        <textarea matInput matTextareaAutosize matAutosizeMinRows="5" placeholder="Narration"
+                  formControlName="narration"></textarea>
       </mat-form-field>
       <div fxLayout="row" fxLayoutGap="0.5%" fxLayoutAlign="center">
         <div class="img-container" fxFlex="20%" *ngFor="let item of voucher.files">
diff --git a/overlord/src/app/receipt/receipt.component.css b/overlord/src/app/receipt/receipt.component.css
index a592a823..e28a55b0 100644
--- a/overlord/src/app/receipt/receipt.component.css
+++ b/overlord/src/app/receipt/receipt.component.css
@@ -30,3 +30,7 @@
   left: 60px;
   top: 0;
 }
+
+mat-form-field.mat-form-field {
+  font-size: 1.25em;
+}
diff --git a/overlord/src/app/receipt/receipt.component.html b/overlord/src/app/receipt/receipt.component.html
index 081fa75e..4db70b86 100644
--- a/overlord/src/app/receipt/receipt.component.html
+++ b/overlord/src/app/receipt/receipt.component.html
@@ -80,7 +80,8 @@
       </mat-table>
       <mat-form-field>
         <mat-label>Narration</mat-label>
-        <textarea matInput placeholder="Narration" formControlName="narration"></textarea>
+        <textarea matInput matTextareaAutosize matAutosizeMinRows="5" placeholder="Narration"
+                  formControlName="narration"></textarea>
       </mat-form-field>
       <div fxLayout="row" fxLayoutGap="0.5%" fxLayoutAlign="center">
         <div class="img-container" fxFlex="20%" *ngFor="let item of voucher.files">
diff --git a/overlord/src/favicon.ico b/overlord/src/favicon.ico
index 8081c7ce..5acbe771 100644
Binary files a/overlord/src/favicon.ico and b/overlord/src/favicon.ico differ