diff --git a/client/style.less b/client/style.less
index 4b8125d..16ef992 100644
--- a/client/style.less
+++ b/client/style.less
@@ -8,6 +8,10 @@
   top: 1em;
 }
 
+#loading {
+  margin-top: 2em;
+}
+
 #new-btn {
   margin-top: 1em;
 }
diff --git a/client/templates.html b/client/templates.html
index 43150e4..bba3df0 100644
--- a/client/templates.html
+++ b/client/templates.html
@@ -27,13 +27,20 @@
 </template>
 
 <template name="doc">
-  {{#markdown}}{{text}}{{/markdown}}
+  {{#if text}}
+    {{#markdown}}{{text}}{{/markdown}}
+  {{else}}
+  <div class="text-center">
+    <h1>Sorry</h1>
+    <p>This document is empty, expired, or never existed.</p>
+  </div>
+  {{/if}}
   <hr>
   <div class="text-center">Powered by <a href="/">MarkCloud</a></div>
 </template>
 
 <template name="loading">
-<div class="text-center">
+<div id="loading" class="text-center">
   <i class="fa fa-cog fa-spin fa-3x"></i>
 </div>
 </template>