diff --git a/frontend-js/src/main/css/global.css b/frontend-js/src/main/css/global.css
index 229baa2e02b741251a90800687be2f68e289673f..3e3ca561ac946e8bbb8c2645f6266319208ab831 100644
--- a/frontend-js/src/main/css/global.css
+++ b/frontend-js/src/main/css/global.css
@@ -679,11 +679,16 @@ error report dialog style
     float: right;
 }
 
+.report-tooltip {
+    opacity: 1;
+}
+
 .report-dialog #report-comment {
     width: 100%;
     padding: 0;
     resize: none;
     height: 60px;
+    color: black;
 }
 
 #report-comment {
diff --git a/frontend-js/src/main/js/GuiConnector.js b/frontend-js/src/main/js/GuiConnector.js
index 0ca4433050ede9faad86a69167516812f462f91a..922e962c0572e9bce98f349f983bd231abb19676 100644
--- a/frontend-js/src/main/js/GuiConnector.js
+++ b/frontend-js/src/main/js/GuiConnector.js
@@ -359,11 +359,23 @@ GuiConnector.prototype.alert = function (error, redirectIfSecurityError) {
         $(self._errorDialogData)
           .controlgroup({direction: 'vertical'});
         $(self._errorDialog)
-          .tooltip();
+          .tooltip({
+            classes: {
+              "ui-tooltip": "report-tooltip ui-corner-all ui-widget-shadow"
+            },
+            track: true,
+            position: {
+              my: 'right',
+              at: 'left'
+            }
+          });
       });
       document.body.appendChild(self._errorDialog);
       $(self._errorDialog).dialog({
-        classes: {'ui-dialog': 'report-dialog'},
+        classes: {
+          'ui-dialog': 'report-dialog ui-corner-all',
+          'ui-dialog-titlebar': 'ui-corner-all'
+        },
         title: 'An error occurred!',
         resizable: true,
         height: 'auto',