diff --git a/src/app/app.component.css b/src/app/app.component.css
index 305da2d..fd3bc5d 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -1,5 +1,5 @@
 main{
-	margin: auto;
+	margin: 5px;
 }
 
 .footer{
diff --git a/src/app/login/login.component.css b/src/app/login/login.component.css
index f0bb089..9fe6385 100644
--- a/src/app/login/login.component.css
+++ b/src/app/login/login.component.css
@@ -6,6 +6,10 @@ mat-card.coolcard{
 	color: #FFFFFF;
 	margin: 5px;
 }
+mat-card.centercard{
+	max-width: 400px;
+	border: 1px solid #CCCCCC;
+}
 .icon{
 	font-family: 'Material Icons';
 }
diff --git a/src/app/login/login.component.html b/src/app/login/login.component.html
index 032e8c5..ab850a6 100644
--- a/src/app/login/login.component.html
+++ b/src/app/login/login.component.html
@@ -1,43 +1,31 @@
-<br>
 <div align="center" class="text">
 	<mat-card class="coolcard">
 		<img src="/assets/logo-new-white.png" height="120px" />
-	<!--<h3>-->
-		<!--<pre>-->
- <!--__||__   _____       _ -->
-<!--|___  /  / ____|     | |-->
-   <!--/ /  | |  __  ___ | |-->
-  <!--/ /   | | |_ |/ _ \| |-->
- <!--/ /__  | |__| | (_) |_|-->
-<!--/__  _|  \_____|\___/(_)-->
-   <!--||                   -->
-		<!--</pre>-->
-	<!--</h3>-->
 	<p class="text">Last block seen: <span class="numbers">{{ heightUpdate | async }}</span></p>
 	</mat-card>
 </div>
 <div align="center">
-	<mat-card>
+	<mat-card class="centercard">
 		<h3>The Zcash Register</h3>
-			<div width="75%" align="left" *ngIf="!confirmedMemo">
-		<ol>
-			<li>
-				Select your session length.
-			</li>
-			<li>
-				Confirm you've sent your shielded memo.
-			</li>
-			<li>
-				Wait for confirmation of your transaction on the Zcash blockchain (~10 minutes).
-			</li>
-			<li>
-				Enter the PIN provided by ZGo to your wallet to confirm ownership.
-			</li>
-		</ol>
-			</div>
-			<div width="75%" *ngIf="confirmedMemo">
-				<p>Expecting confirmation around block {{targetBlock}}.</p>
-			</div>
+		<div width="75%" align="left" *ngIf="!confirmedMemo">
+			<ol>
+				<li>
+					Select your session length.
+				</li>
+				<li>
+					Confirm you've sent your shielded memo.
+				</li>
+				<li>
+					Wait for confirmation of your transaction on the Zcash blockchain (~10 minutes).
+				</li>
+				<li>
+					Enter the PIN provided by ZGo to your wallet to confirm ownership.
+				</li>
+			</ol>
+		</div>
+		<div width="75%" *ngIf="confirmedMemo">
+			<p>Expecting confirmation around block {{targetBlock}}.</p>
+		</div>
 	</mat-card>
 	<mat-card [formGroup]="pinForm" *ngIf="prompt">
 		<h4>
@@ -59,7 +47,7 @@
 			<mat-list-item *ngFor="let tx of txsUpdate | async">It needs {{6 - tx.confirmations}} more confirmations.</mat-list-item>
 		</mat-list>
 	</mat-card>
-	<mat-card [formGroup]="entryForm" *ngIf="!prompt && txs.length <=0">
+	<mat-card class="centercard" [formGroup]="entryForm" *ngIf="!prompt && txs.length <=0">
 		<div align="center" id="info">
 			<mat-form-field appearance="outline">
 				<mat-label>Session length</mat-label>
diff --git a/src/styles.css b/src/styles.css
index 6c06f8c..8038315 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -20,4 +20,7 @@
 /*@include mat.all-component-themes($my-theme);*/
 @import './custom-theme.scss';
 html, body { height: 100%; }
-body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
+body {
+	margin: 0;
+	font-family: Roboto, "Helvetica Neue", sans-serif;
+}