diff --git a/dashboard/src/views/email.html b/dashboard/src/views/email.html
index 4e00c8fb4..433c55623 100644
--- a/dashboard/src/views/email.html
+++ b/dashboard/src/views/email.html
@@ -77,7 +77,7 @@
     <h1><i class="fa fa-circle-o-notch fa-spin"></i></h1>
 </div>
 
-<div class="content" ng-show="ready">
+<div class="content content-large" ng-show="ready">
   <div class="text-left">
     <h1>
       Email
@@ -89,7 +89,7 @@
     <h3>IMAP and SMTP Server</h3>
   </div>
 
-  <div class="card" style="margin-bottom: 15px;">
+  <div class="card card-large" style="margin-bottom: 15px;">
     <div class="row">
       <div class="col-md-12">
         Cloudron has a built-in <a ng-href="{{ config.webServerOrigin + '/documentation/email/' }}" target="_blank">email server</a> that allows users to send and receive email for this domain.
@@ -124,7 +124,7 @@
     <h3>Mailboxes</h3>
   </div>
 
-  <div class="card" style="margin-bottom: 15px;" ng-show="selectedDomain.mailConfig.enabled">
+  <div class="card card-large" style="margin-bottom: 15px;" ng-show="selectedDomain.mailConfig.enabled">
     <div class="row">
       <div class="col-md-12">
         Each mailboxes has an owner, who is able to access the mailbox.
@@ -181,7 +181,7 @@
     <h3>Mailinglists</h3>
   </div>
 
-  <div class="card" style="margin-bottom: 15px;" ng-show="selectedDomain.mailConfig.enabled">
+  <div class="card card-large" style="margin-bottom: 15px;" ng-show="selectedDomain.mailConfig.enabled">
     <div class="row">
       <div class="col-md-12">
         Mailinglists or forwarders are bound to user groups. Each user in a group will receive the mails sent to this group's email address.
@@ -200,7 +200,7 @@
     <h3>Catch-all</h3>
   </div>
 
-  <div class="card" style="margin-bottom: 15px;" ng-show="selectedDomain.mailConfig.enabled">
+  <div class="card card-large" style="margin-bottom: 15px;" ng-show="selectedDomain.mailConfig.enabled">
     <div class="row">
       <div class="col-md-12">
         Emails sent to non existing addresses will be forwarded to the following accounts:
@@ -219,7 +219,7 @@
     <h3>Outbound Mail Relay</h3>
   </div>
 
-  <div class="card" style="margin-bottom: 15px;">
+  <div class="card card-large" style="margin-bottom: 15px;">
       <div class="row">
         <div class="col-md-12">
           Select the mail server through which Cloudron will send outbound mails:
@@ -298,7 +298,7 @@
     <h3>DNS Records</h3>
   </div>
 
-  <div class="card" style="margin-bottom: 15px;" ng-show="selectedDomain.provider !== 'caas' && selectedDomain.mailConfig.relay.provider === 'cloudron-smtp'">
+  <div class="card card-large" style="margin-bottom: 15px;" ng-show="selectedDomain.provider !== 'caas' && selectedDomain.mailConfig.relay.provider === 'cloudron-smtp'">
     <div class="row">
 
       <div class="col-md-12">
@@ -335,7 +335,7 @@
       <h3>SMTP Status</h3>
   </div>
 
-  <div class="card" style="margin-bottom: 15px;" ng-show="selectedDomain.provider !== 'caas'">
+  <div class="card card-large" style="margin-bottom: 15px;" ng-show="selectedDomain.provider !== 'caas'">
     <div class="row">
       <div class="col-md-12">