diff --git a/app/assets/javascripts/components/transaction_form.jsx.coffee b/app/assets/javascripts/components/transaction_form.jsx.coffee
index bd12297..3924a32 100644
--- a/app/assets/javascripts/components/transaction_form.jsx.coffee
+++ b/app/assets/javascripts/components/transaction_form.jsx.coffee
@@ -28,7 +28,7 @@ Amount = React.createFactory React.createClass
     t.value = parseFloat(t.value).toFixed(2) if t.value
   render: ->
     div className: 'row',
-      div className: 'col-xs-4',
+      div className: 'col-xs-8',
         div className: 'input-group',
           div className: 'input-group-addon', '€'
           input {
@@ -61,7 +61,7 @@ Peer = React.createFactory React.createClass
   render: ->
     options = @options()
     div className: 'row',
-      div className: 'col-xs-4',
+      div className: 'col-xs-8',
         div className: 'suggestions-wrapper',
           input {
             className: @inputClass(options.length),
diff --git a/app/assets/stylesheets/landing.css.scss b/app/assets/stylesheets/landing.css.scss
index 6225954..93e8961 100644
--- a/app/assets/stylesheets/landing.css.scss
+++ b/app/assets/stylesheets/landing.css.scss
@@ -23,6 +23,33 @@
   }
 }
 
+
+@media only screen and (max-width: 800px) {
+    .pure-u-7-12 {
+        float: left;
+        width: 100% !important;
+    }
+
+    .pure-u-5-12 {
+        float: left;
+        clear: both;
+        width: 100% !important;
+    }
+
+    .pure-g {
+        display: block !important;
+
+    }
+
+    .pure-u-5-12 .input-group {
+        width: 100% !important;
+    }
+
+    // .pure-u-5-12 .col-xs-4 {
+    //     width: 100% !important;
+    // }
+}
+
 a.login-button {
   font-size: 200%;
 }