diff --git a/Kernel/Output/HTML/Templates/Standard/CustomerTicketMessage.tt b/Kernel/Output/HTML/Templates/Standard/CustomerTicketMessage.tt
index 110ca969af..15019f9307 100644
--- a/Kernel/Output/HTML/Templates/Standard/CustomerTicketMessage.tt
+++ b/Kernel/Output/HTML/Templates/Standard/CustomerTicketMessage.tt
@@ -32,7 +32,7 @@
                         [% Data.Field %]
                     </div>
                     [% IF Data.Tooltip %]
-                        <div class="oooTooltip">
+                        <div class="Tooltip oooTooltip">
                             <i class="ooofo ooofo-help"></i>
                             <div class="Content">
                                 <p>[% Data.Tooltip | html | html_line_break %]</p>
@@ -105,7 +105,7 @@
                         [% Data.Field %]
                     </div>
                     [% IF Data.Tooltip %]
-                        <div class="oooTooltip">
+                        <div class="Tooltip oooTooltip">
                             <i class="ooofo ooofo-help"></i>
                             <div class="Content">
                                 <p>[% Data.Tooltip | html | html_line_break %]</p>
@@ -123,7 +123,7 @@
                         [% Data.Field %]
                     </div>
                     [% IF Data.Tooltip %]
-                        <div class="oooTooltip">
+                        <div class="Tooltip oooTooltip">
                             <i class="ooofo ooofo-help"></i>
                             <div class="Content">
                                 <p>[% Data.Tooltip | html | html_line_break %]</p>
@@ -141,7 +141,7 @@
                         [% Data.Field %]
                     </div>
                     [% IF Data.Tooltip %]
-                        <div class="oooTooltip">
+                        <div class="Tooltip oooTooltip">
                             <i class="ooofo ooofo-help"></i>
                             <div class="Content">
                                 <p>[% Data.Tooltip | html | html_line_break %]</p>
@@ -212,7 +212,7 @@
 #                        [% Data.Field %]
 #                    </div>
 #                    [% IF Data.Tooltip %]
-#                        <div class="oooTooltip">
+#                        <div class="Tooltip oooTooltip">
 #                            <i class="ooofo ooofo-help"></i>
 #                            <div class="Content">
 #                               <p>[% Data.Tooltip | html %]</p>
@@ -229,7 +229,7 @@
 #                        [% Data.Field %]
 #                    </div>
 #                    [% IF Data.Tooltip %]
-#                        <div class="oooTooltip">
+#                        <div class="Tooltip oooTooltip">
 #                            <i class="ooofo ooofo-help"></i>
 #                            <div class="Content>
 #                               <p>[% Data.Tooltip | html %]</p>
diff --git a/Kernel/Output/HTML/Templates/Standard/CustomerTicketZoom.tt b/Kernel/Output/HTML/Templates/Standard/CustomerTicketZoom.tt
index c687b8c051..0c0ac04fe2 100644
--- a/Kernel/Output/HTML/Templates/Standard/CustomerTicketZoom.tt
+++ b/Kernel/Output/HTML/Templates/Standard/CustomerTicketZoom.tt
@@ -75,7 +75,7 @@
                         [% Data.Field %]
                     </div>
                     [% IF Data.Tooltip %]
-                        <div class="oooTooltip">
+                        <div class="Tooltip oooTooltip">
                             <i class="ooofo ooofo-help"></i>
                             <div class="Content">
                                 <p>[% Data.Tooltip | html | html_line_break %]</p>
@@ -123,7 +123,7 @@
                         [% Data.Field %]
                     </div>
                     [% IF Data.Tooltip %]
-                        <div class="oooTooltip">
+                        <div class="Tooltip oooTooltip">
                             <i class="ooofo ooofo-help"></i>
                             <div class="Content">
                                 <p>[% Data.Tooltip | html | html_line_break %]</p>
@@ -152,7 +152,7 @@
                         [% Data.Field %]
                     </div>
                     [% IF Data.Tooltip %]
-                        <div class="oooTooltip">
+                        <div class="Tooltip oooTooltip">
                             <i class="ooofo ooofo-help"></i>
                             <div class="Content">
                                 <p>[% Data.Tooltip | html | html_line_break %]</p>
@@ -170,7 +170,7 @@
                         [% Data.Field %]
                     </div>
                     [% IF Data.Tooltip %]
-                        <div class="oooTooltip">
+                        <div class="Tooltip oooTooltip">
                             <i class="ooofo ooofo-help"></i>
                             <div class="Content">
                                 <p>[% Data.Tooltip | html | html_line_break %]</p>
@@ -191,7 +191,7 @@
 #                        [% Data.Field %]
 #                    </div>
 #                    [% IF Data.Tooltip %]
-#                        <div class="oooTooltip">
+#                        <div class="Tooltip oooTooltip">
 #                            <i class="ooofo ooofo-help"></i>
 #                            <div class="Content">
 #                               <p>[% Data.Tooltip | html | html_line_break %]</p>
@@ -208,7 +208,7 @@
 #                        [% Data.Field %]
 #                    </div>
 #                    [% IF Data.Tooltip %]
-#                        <div class="oooTooltip">
+#                        <div class="Tooltip oooTooltip">
 #                            <i class="ooofo ooofo-help"></i>
 #                            <div class="Content">
 #                               <p>[% Data.Tooltip | html | html_line_break %]</p>
diff --git a/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerArticle.tt b/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerArticle.tt
index 71d1bccb6c..eda7e2033e 100644
--- a/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerArticle.tt
+++ b/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerArticle.tt
@@ -19,7 +19,7 @@
         <input type="text" id="Subject[% Data.IDSuffix | html %]" name="Subject" value="[% Data.Subject | html %]" class="W75pc [% Data.ValidateRequired | html %] [% Data.SubjectServerError | html %] Validate_DependingRequiredAND Validate_Depending_RichText Validate_Depending_AttachmentExists Validate_Depending_TimeUnits"/>
     </div>
 [% RenderBlockStart("rw:Article:DescriptionLong") %]
-    <div class="oooTooltip">
+    <div class="Tooltip oooTooltip">
         <i class="ooofo ooofo-help"></i>
         <div class="Content">
             <p>[% Translate(Data.DescriptionLong) | html | html_line_break %]</p>
diff --git a/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerDynamicField.tt b/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerDynamicField.tt
index 9cbfac3f7e..8cba21a7f1 100644
--- a/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerDynamicField.tt
+++ b/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerDynamicField.tt
@@ -20,7 +20,7 @@
         [% Data.Content %]
     </div>
 [% RenderBlockStart("rw:DynamicField:DescriptionLong") %]
-    <div class="oooTooltip">
+    <div class="Tooltip oooTooltip">
         <i class="ooofo ooofo-help"></i>
         <div class="Content">
             <p>[% Translate(Data.DescriptionLong) | html | html_line_break %]</p>
diff --git a/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerPriority.tt b/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerPriority.tt
index 7c2c2c6585..539f60c227 100644
--- a/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerPriority.tt
+++ b/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerPriority.tt
@@ -19,7 +19,7 @@
         [% Data.Content %]
     </div>
 [% RenderBlockStart("rw:Priority:DescriptionLong") %]
-    <div class="oooTooltip">
+    <div class="Tooltip oooTooltip">
         <i class="ooofo ooofo-help"></i>
         <div class="Content">
             <p>[% Translate(Data.DescriptionLong) | html | html_line_break %]</p>
diff --git a/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerQueue.tt b/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerQueue.tt
index e7c805f32d..8ae8bc1588 100644
--- a/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerQueue.tt
+++ b/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerQueue.tt
@@ -19,7 +19,7 @@
         [% Data.Content %]
     </div>
 [% RenderBlockStart("rw:Queue:DescriptionLong") %]
-    <div class="oooTooltip">
+    <div class="Tooltip oooTooltip">
         <i class="ooofo ooofo-help"></i>
         <div class="Content">
             <p>[% Translate(Data.DescriptionLong) | html | html_line_break %]</p>
diff --git a/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerSLA.tt b/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerSLA.tt
index e4d46bb770..eecada958f 100644
--- a/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerSLA.tt
+++ b/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerSLA.tt
@@ -19,7 +19,7 @@
         [% Data.Content %]
     </div>
 [% RenderBlockStart("rw:SLA:DescriptionLong") %]
-    <div class="oooTooltip">
+    <div class="Tooltip oooTooltip">
         <i class="ooofo ooofo-help"></i>
         <div class="Content">
             <p>[% Translate(Data.DescriptionLong) | html | html_line_break %]</p>
diff --git a/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerService.tt b/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerService.tt
index 7f115bfa44..0bde904f85 100644
--- a/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerService.tt
+++ b/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerService.tt
@@ -19,7 +19,7 @@
         [% Data.Content %]
     </div>
 [% RenderBlockStart("rw:Service:DescriptionLong") %]
-    <div class="oooTooltip">
+    <div class="Tooltip oooTooltip">
         <i class="ooofo ooofo-help"></i>
         <div class="Content">
             <p>[% Translate(Data.DescriptionLong) | html | html_line_break %]</p>
diff --git a/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerState.tt b/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerState.tt
index e79968163d..f05bb0dc19 100644
--- a/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerState.tt
+++ b/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerState.tt
@@ -19,7 +19,7 @@
         [% Data.Content %]
     </div>
 [% RenderBlockStart("rw:State:DescriptionLong") %]
-    <div class="oooTooltip">
+    <div class="Tooltip oooTooltip">
         <i class="ooofo ooofo-help"></i>
         <div class="Content">
             <p>[% Translate(Data.DescriptionLong) | html | html_line_break %]</p>
diff --git a/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerTitle.tt b/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerTitle.tt
index a0234633fd..3f366061f0 100644
--- a/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerTitle.tt
+++ b/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerTitle.tt
@@ -19,7 +19,7 @@
         <input class="W50pc DynamicFieldText [% Data.ValidateRequired | html %] [% Data.ServerError | html %]" type="text" name="[% Data.FieldID | html %]" id="[% Data.FieldID | html %][% Data.IDSuffix | html %]" value="[% Data.Value | html %]"/>
     </div>
 [% RenderBlockStart("rw:Title:DescriptionLong") %]
-    <div class="oooTooltip">
+    <div class="Tooltip oooTooltip">
         <i class="ooofo ooofo-help"></i>
         <div class="Content">
            <p>[% Translate(Data.DescriptionLong) | html | html_line_break %]</p>
diff --git a/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerType.tt b/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerType.tt
index 7b9f6a2af1..8e0d222a87 100644
--- a/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerType.tt
+++ b/Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerType.tt
@@ -19,7 +19,7 @@
         [% Data.Content %]
     </div>
 [% RenderBlockStart("rw:Type:DescriptionLong") %]
-    <div class="oooTooltip">
+    <div class="Tooltip oooTooltip">
         <i class="ooofo ooofo-help"></i>
         <div class="Content">
             <p>[% Translate(Data.DescriptionLong) | html | html_line_break %]</p>
diff --git a/var/httpd/htdocs/skins/Customer/default/css/Core.InputFields.css b/var/httpd/htdocs/skins/Customer/default/css/Core.InputFields.css
index 12881fb164..58b8dacafa 100644
--- a/var/httpd/htdocs/skins/Customer/default/css/Core.InputFields.css
+++ b/var/httpd/htdocs/skins/Customer/default/css/Core.InputFields.css
@@ -564,16 +564,8 @@ input[readonly=readonly] {
 .oooTooltip > .Content {
     z-index: 1;
     display: none;
-    padding: 24px 32px;
-    width: 280px;
-    line-height: 1.4;
-    white-space: normal;
     color: #00023c;
     color: var(--colTextDark);
-    background: #fff;
-    box-shadow: 0 1px 4px 0 rgba(4, 0, 71, 0.16);
-    box-shadow: 0 1px 4px 0 var(--colShadowDark); 
-    border-radius: 15px;
 }
 
 .oooTooltip:hover > .Content {
@@ -587,16 +579,13 @@ input[readonly=readonly] {
     position: absolute;
     z-index: 6000;
     display: none;
-    max-width: 400px;
 }
 
 .Tooltip > .Content {
     background-color: #fff;
-    padding: 5px;
-    position: relative;
     border-radius: 15px;
     padding: 24px 32px;
-    max-width: 280px;
+    width: 280px;
     line-height: 1.4;
     white-space: normal;
     box-shadow: 0 1px 4px 0 rgba(4, 0, 71, 0.16);