diff --git a/client/src/App.css b/client/src/App.css
index a15a092..907afd8 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -3,8 +3,8 @@ header h1 {
 }
 
 button {
-    display: block;
-    margin-top: 1em;
+    margin-top: 12px;
+    margin-right: 12px;
     margin-bottom: 12px;
 }
 
diff --git a/client/src/App.js b/client/src/App.js
index 6c79e36..80e0aba 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -7,6 +7,26 @@ import {generatePdf, getLatest} from './apiHelper';
 
 import './App.css';
 
+const DEFAULT_OPTIONS = Object.freeze({
+    template: 'brief-fam',
+    subject: '',
+    yourRef: '',
+    yourRefName: '',
+    yourMail: '',
+    myRef: '',
+    customer: '',
+    invoice: '',
+    date: '',
+    signature: '',
+    specialMail: '',
+    address: '',
+    opening: '',
+    body: '',
+    closing: '',
+    ps: '',
+    enclosing: '',
+});
+
 class App extends Component {
   componentDidMount() {
     this._getLatest();
@@ -23,6 +43,7 @@ class App extends Component {
         </div>
         <div>
           <Button onClick={this._onGenerate.bind(this)} text="Backe PDF"/>
+          <Button onClick={this._onClear.bind(this)} text="Alles Löschen"/>
           <Preview
             pdfUrl={state.pdfUrl}
             pdfIsLoading={state.pdfIsLoading}
@@ -37,6 +58,13 @@ class App extends Component {
     this.setState({options: Object.assign({}, selectedOptions)});
   }
 
+  _onClear() {
+    this.setState({
+      options: Object.assign({}, DEFAULT_OPTIONS),
+      pdfUrl: null,
+    });
+  }
+
   _onGenerate() {
     const state = this.state || {};
     this.setState({