diff --git a/preferences/templates/default/app.css b/preferences/templates/default/app.css
index 66e76837a3..fed17a0bd1 100644
--- a/preferences/templates/default/app.css
+++ b/preferences/templates/default/app.css
@@ -48,6 +48,7 @@ tr.prefRow:hover .prefHelp {
 	font-size: 150%;
 	margin-top: 10px;
 	margin-right: 5px;
+	width: 50%;
 }
 #preferences-password .dialogHeader td {
 	text-align: center;
diff --git a/preferences/templates/pixelegg/app.css b/preferences/templates/pixelegg/app.css
index 26c4c38fa5..0b16be00bf 100755
--- a/preferences/templates/pixelegg/app.css
+++ b/preferences/templates/pixelegg/app.css
@@ -65,6 +65,7 @@ textarea.prefValue {
   font-size: 150%;
   margin-top: 10px;
   margin-right: 5px;
+  width: 50%;
 }
 #preferences-password .dialogHeader td {
   text-align: center;
@@ -109,11 +110,9 @@ tr.prefRow > td {
 .prefHelp {
   position: fixed;
   background-color: #E6E6E6;
-  /*border-radius: 10px;*/
   -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
   box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  /*        .border_normal;*/
   border: 3px solid #679FD2;
   -webkit-border-top-right-radius: 0px;
   -webkit-border-bottom-right-radius: 15px;
@@ -130,12 +129,10 @@ tr.prefRow > td {
   /*.background-clip(padding-box);*/
   right: 5px;
   left: 5px;
-  /*top: 5px;*/
   top: 0px;
   padding: 10px;
   padding-left: 25px;
   background-position-x: 5px;
-  /*border: 2px gray solid;*/
   min-width: 100px;
   max-width: 90%;
   z-index: 100000;
@@ -177,7 +174,7 @@ textarea.prefValue {
 .prefApp {
   background-image: url(../pixelegg/images/setup.png);
   background-repeat: no-repeat;
-  background-position: 93% 50%;
+  background-position: 90% 50%;
   background-size: 16px 16px;
   margin-right: 1em;
 }
@@ -185,7 +182,7 @@ textarea.prefValue {
 .prefType {
   background-image: url(../pixelegg/images/setup.png);
   background-repeat: no-repeat;
-  background-position: 93% 50%;
+  background-position: 90% 50%;
   background-size: 16px 16px;
 }
 /*###############################*/
diff --git a/preferences/templates/pixelegg/app.less b/preferences/templates/pixelegg/app.less
index 011a396826..d0768910cb 100755
--- a/preferences/templates/pixelegg/app.less
+++ b/preferences/templates/pixelegg/app.less
@@ -53,25 +53,19 @@ tr.prefRow > td {
 }
 .prefHelp {
 	position: fixed;
-        background-color: @gray_10;
-	/*border-radius: 10px;*/
-        .box_shadow_message;
-/*        .border_normal;*/
-         border: 3px solid @egw_color_2_e;
-        .border_radius (0px, 15px, 15px, 0px);
+	background-color: @gray_10;
+	.box_shadow_message;
+	border: 3px solid @egw_color_2_e;
+	.border_radius (0px, 15px, 15px, 0px);
 	right: 5px;
-        left: 5px;
-	/*top: 5px;*/
-        top: 0px;
+	left: 5px;
+	top: 0px;
 	padding: 10px;
 	padding-left: 25px;
 	background-position-x: 5px;
-	/*border: 2px gray solid;*/
 	min-width: 100px;
-        max-width: 90%;
+	max-width: 90%;
 	z-index: 100000;
-
-
 }
 tr.prefRow:hover .prefHelp {
 	display: block;
@@ -121,7 +115,7 @@ tr.prefRow:hover .prefHelp {
 
                             background-image: url(../pixelegg/images/setup.png);
                             background-repeat: no-repeat;
-                            background-position: 93% 50%;
+                            background-position: 90% 50%;
                             background-size: 16px 16px;
 
                             margin-right: 1em;
@@ -133,7 +127,7 @@ tr.prefRow:hover .prefHelp {
 
                             background-image: url(../pixelegg/images/setup.png);
                             background-repeat: no-repeat;
-                            background-position: 93% 50%;
+                            background-position: 90% 50%;
                             background-size: 16px 16px;