diff --git a/src/setup.html b/src/setup.html
index 96087823b..5c1870dd9 100644
--- a/src/setup.html
+++ b/src/setup.html
@@ -75,7 +75,7 @@
                                 </div>
                                 <div ng-show="account.requireEmail" class="form-group" ng-class="{ 'has-error': setupForm.email.$dirty && setupForm.email.$invalid }">
                                     <label class="control-label">Email <sup><a href="https://cloudron.io/documentation/installation/#admin-account" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
-                                    <input type="email" class="form-control" ng-model="account.email" id="inputEmail" name="email" placeholder="Email" required autocomplete="off" tooltip-trigger="focus" uib-tooltip="This email address is local to your Cloudron and used for notifications and password reset. A valid email is also required for Let's Encrypt certificates.">
+                                    <input type="email" class="form-control" ng-model="account.email" id="inputEmail" name="email" placeholder="Email" required autocomplete="off" tooltip-class="long" tooltip-trigger="focus" uib-tooltip="This email address is local to your Cloudron and used for notifications and password reset. A valid email is also required for Let's Encrypt certificates.">
                                 </div>
                                 <div class="form-group" ng-class="{ 'has-error': (setupForm.username.$dirty && setupForm.username.$invalid) || (!setupForm.username.$dirty && error.username) }">
                                     <label class="control-label">Username</label>
diff --git a/src/theme.scss b/src/theme.scss
index 9821ae7d5..7a6403957 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -117,6 +117,13 @@ input[type="checkbox"] {
     margin-right: 5px;
 }
 
+.tooltip.long {
+    .tooltip-inner {
+        max-width: 400px;
+        white-space: unset;
+    }
+}
+
 .tooltip-inner {
     white-space: nowrap;
     overflow: hidden;