diff --git a/plugin/GUI/META-INF/resources/uii/plugin_dashboard_extended.xhtml b/plugin/GUI/META-INF/resources/uii/plugin_dashboard_extended.xhtml
index f59cdb0..99a4741 100644
--- a/plugin/GUI/META-INF/resources/uii/plugin_dashboard_extended.xhtml
+++ b/plugin/GUI/META-INF/resources/uii/plugin_dashboard_extended.xhtml
@@ -81,7 +81,7 @@
 		                	    msgs: msgs
 		                	}
 		                })
-		                
+
 						/*window.mountNagios(
 					        nagiosEle,
 					        {
diff --git a/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_assignedSteps.xhtml b/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_assignedSteps.xhtml
index 2fcb0c7..aafb91c 100644
--- a/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_assignedSteps.xhtml
+++ b/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_assignedSteps.xhtml
@@ -25,13 +25,13 @@
                     <h:form
                         id="currentTasks"
                         prependId="false">
-                        <div class="gw-table" style="#{DashboardForm.plugin.tasksHelper.assignedSteps.size() gt 4 ? 'overflow-y:auto; max-height:225px;':''}'">
+                        <div class="gw-table gw-table__vscroll" >
                             <div class="gw-table__wrapper">
                                 <table
                                     role="grid"
                                     id="currentTasksTable"
                                     class="table table-bordered table-hover">
-        
+
                                     <!-- COLUMNHEADER -->
                                     <thead>
                                         <tr role="row">
@@ -42,7 +42,7 @@
                                         </tr>
                                     </thead>
                                     <!-- // COLUMNHEADER -->
-        
+
                                     <!-- TABLE BODY -->
                                     <tbody>
                                         <ui:repeat
@@ -88,17 +88,15 @@
                                         </ui:repeat>
                                     </tbody>
                                     <!-- // TABLE BODY -->
-        
+
                                 </table>
                             </div>
                         </div>
                     </h:form>
-            
+
                 </intranda:box>
             </div>
         </ui:fragment>
     </composite:implementation>
 
 </ui:composition>
-
-
diff --git a/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_processTemplates.xhtml b/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_processTemplates.xhtml
index c52f9fa..ef27baf 100644
--- a/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_processTemplates.xhtml
+++ b/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_processTemplates.xhtml
@@ -36,7 +36,7 @@
             rendered="#{DashboardForm.plugin.processHelper.showProcessTemplates and (LoginForm.hasRole('Workflow_Processes') or LoginForm.hasRole('Workflow_ProcessTemplates'))}">
 
             <h:form id="processTemplateForm" styleClass="mb-3">
-              
+
                 <intranda:box
                     boxType="primary"
                     boxPadding="false"
@@ -54,7 +54,7 @@
                                 <!-- COLUMNHEADER -->
                                 <thead>
                                     <tr role="row">
-                                    
+
                                         <!-- Process title -->
                                         <th
                                             scope="col"
@@ -78,7 +78,6 @@
                                         <th
                                             scope="col"
                                             role="columnheader"
-                                            style="width:80px"
                                             aria-sort="#{NavigationForm.uiStatus.sorting == fortschrittDesc ? 'descending' : NavigationForm.uiStatus.sorting== fortschrittAsc ? 'ascending' :'none'}">
                                             <button
                                                 class="column-header-sort"
@@ -93,12 +92,11 @@
                                                 <f:ajax render="@form" />
                                             </button>
                                         </th>
-                                        
+
                                         <!-- project -->
                                         <th
                                             scope="col"
                                             role="columnheader"
-                                            style="max-width:110px"
                                             aria-sort="#{NavigationForm.uiStatus.sorting == projektDesc ? 'descending' : NavigationForm.uiStatus.sorting == projektAsc ? 'ascending' :'none'}">
                                             <button
                                                 class="column-header-sort"
@@ -115,14 +113,13 @@
                                                 <f:ajax render="@form" />
                                             </button>
                                         </th>
-                                        
+
                                         <!-- Actions -->
                                         <intranda:columnheader
     										value="#{msgs.auswahl}"
     										sortable="false"
-                                            style="width:120px"
     										addClass="gw-table-fixed__actions" />
-                                        
+
                                     </tr>
                                 </thead>
                                 <!-- // COLUMNHEADER -->
@@ -146,10 +143,12 @@
 														rendered="#{item.fortschritt3 gt 0}"
 														data-toggle="tooltip"
 														styleClass="progress-bar #{(LoginForm.myBenutzer.uiMode=='low_vision'?('easy-read-progressbar-status-done'):('progress-bar-success'))}"
-														style="width: #{item.fortschritt3}%;line-height:15px;"
 														pt:role="figure"
 														pt:aria-label="#{item.fortschritt3}% #{msgs.statusAbgeschlossen}">
 														<h:outputText value="&#160;" />
+                                                        <f:passThroughAttribute
+                                                            name="style"
+                                                            value ="--progress: #{item.fortschritt3}%" />
 														<f:passThroughAttribute
 															name="data-bs-trigger"
 															value="hover" />
@@ -174,10 +173,12 @@
 														rendered="#{item.fortschritt2 gt 0}"
 														data-toggle="tooltip"
 														styleClass="progress-bar #{(LoginForm.myBenutzer.uiMode=='low_vision'?('easy-read-progressbar-status-open'):('progress-bar-warning'))}"
-														style="width: #{item.fortschritt2}%;line-height:15px;"
 														pt:role="figure"
 														pt:aria-label="#{item.fortschritt2}% #{msgs.statusOffen} / #{msgs.statusInBearbeitung}">
 														<h:outputText value="&#160;" />
+                                                        <f:passThroughAttribute
+                                                            name="style"
+                                                            value ="--progress: #{item.fortschritt2}%" />
 														<f:passThroughAttribute
 															name="data-bs-trigger"
 															value="hover" />
@@ -202,10 +203,12 @@
 														rendered="#{item.fortschrittError gt 0}"
 														data-toggle="tooltip"
 														styleClass="progress-bar #{(LoginForm.myBenutzer.uiMode=='low_vision'?('easy-read-progressbar-status-error'):('progress-bar-danger progressbar-status-error'))} "
-														style="width: #{item.fortschrittError}%;line-height:15px;"
 														pt:role="figure"
 														pt:aria-label="#{item.fortschrittError}% #{msgs.statusError}">
 														<h:outputText value="&#160;" />
+                                                        <f:passThroughAttribute
+                                                            name="style"
+                                                            value ="--progress: #{item.fortschrittError}%" />
 														<f:passThroughAttribute
 															name="data-bs-trigger"
 															value="hover" />
@@ -230,10 +233,12 @@
 														rendered="#{item.fortschritt1 gt 0}"
 														data-toggle="tooltip"
 														styleClass="progress-bar #{(LoginForm.myBenutzer.uiMode=='low_vision'?('easy-read-progressbar-status-locked'):('progress-bar-danger'))} "
-														style="width: #{item.fortschritt1}%;line-height:15px;"
 														pt:role="figure"
 														pt:aria-label="#{item.fortschritt1}% #{msgs.statusGesperrt}">
 														<h:outputText value="&#160;" />
+                                                        <f:passThroughAttribute
+                                                            name="style"
+                                                            value ="--progress: #{item.fortschritt1}%" />
 														<f:passThroughAttribute
 															name="data-bs-trigger"
 															value="hover" />
@@ -256,15 +261,15 @@
 												</div>
 											</td>
 											<!-- // STATUS -->
-                                            
+
                                             <!-- PROJECT -->
                                             <td>
                                                 <h:outputText value="#{item.projekt.titel}" />
                                             </td>
-                                            
+
                                             <!-- BUTTONS -->
                                             <td>
-                                            
+
                                                 <!-- CREATE PROCESS - ONE PROJECT -->
                                                 <button
                                                     class="btn fa fa-file-o #{!ProzesskopieForm.isUserInProcessProject(item) or item.getProjekt().projectIsArchived?'disabled':''} #{item.containsUnreachableSteps?'btn-hot':'btn-primary-400'} button-schaltknopf"
@@ -345,8 +350,8 @@
 
                                                     </span>
                                                 </h:panelGroup>
-                                                            
-                                                            
+
+
                                                 <!-- MASS IMPORT - ONE PROJECT -->
                                                 <button
                                                     class="btn fa fa-files-o #{!ProzesskopieForm.isUserInProcessProject(item) or item.getProjekt().projectIsArchived?'disabled':''} #{item.containsUnreachableSteps?'btn-hot':'btn-primary-400'} button-schaltknopf"
@@ -428,11 +433,11 @@
                                                             </ul>
                                                         </div>
                                                     </span>
-                                                </h:panelGroup>            
-                                            
-                                            
-                                                
-                                               
+                                                </h:panelGroup>
+
+
+
+
                                             </td>
                                         </tr>
                                     </ui:repeat>
@@ -441,7 +446,7 @@
 
                             </table>
                         </div>
-                        
+
                         <!-- PAGINATOR -->
                         <div class="box__actions" jsf:rendered="#{DashboardForm.plugin.paginator.totalResults > LoginForm.myBenutzer.tabellengroesse}">
                             <div class="dataTables__paginate">
@@ -460,5 +465,3 @@
     </composite:implementation>
 
 </ui:composition>
-
-
diff --git a/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_statisticsProcesses.xhtml b/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_statisticsProcesses.xhtml
index b891676..323a797 100644
--- a/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_statisticsProcesses.xhtml
+++ b/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_statisticsProcesses.xhtml
@@ -12,86 +12,40 @@
 
 	<composite:implementation>
 
-        <script type="text/javascript">
-                function ext() {
-                    
-    //              this.cfg.title='mein neues Diagramm';
-                    
-                    this.cfg.grid = {             
-                        background: 'transparent',
-                        drawGridlines: true,
-                        gridLineWidth: 0.25,
-                        gridLineColor: '#ccc',
-                        drawBorder: true,
-                        borderWidth: 0.25,
-                        shadow: false,
-                    };
-                    
-                    this.cfg.axes.yaxis.label='#{msgs.prozesse}';
-                    this.cfg.axes.xaxis.label='#{msgs.monate}';
-    
-                    this.cfg.seriesColors=['#368EE0', '#00749F', '#73C774', '#C7754C', '#17BDB8'];
-                    
-                    this.cfg.seriesDefaults = {
-                        shadow: false,
-                        pointLabels: { show: true }
-                    };
-                    
-                    this.cfg.axesDefaults = {
-                        labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
-                        
-                      };
-                    
-                    this.cfg.axes = {
-                        xaxis:{
-                            renderer:$.jqplot.CategoryAxisRenderer,
-                            tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
-                            tickOptions: {
-                              angle: -50,
-                              fontSize: '8pt',
-                              fontFamily: 'Goobi',
-                              textColor: '#000000',
-                            }
-                        },
-                        yaxis:{
-                            tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
-                            tickOptions: {
-                              fontSize: '8pt',
-                              fontFamily: 'Goobi',
-                              textColor: '#000000',
-                              formatString: "%d"
+        <h:outputScript>
+            function chartExtender() { 
+                var options = $.extend(true, {}, this.cfg.config);
+                options = {
+                    options: {
+                        plugins: {
+                            title: {
+                                display: false,
+                                text: "Processes per month"
                             },
-                            min:0,
+                            legend: {
+                                display: false
+                            }
                         }
-                      };
-                    
-                }
-            </script>
-            <ui:fragment rendered="#{DashboardForm.plugin.processHelper.showStatistics and !DashboardForm.plugin.processHelper.isProcessPerMonthEmpty()}">
-        		<style>
-            		.jqplot-title {
-            			font-size: 28px;
-            		}
-                    .jqplot-point-label {
-                        font-size: 12px;
                     }
-             
-                </style>
-                
-                <div class="mb-3">
-                    <intranda:box
-                        boxType="primary"
-                        boxPadding="true"
-                        icon="fa-list"
-                        title="#{msgs.dashboard_processesPerMonth}">
-                        <div class="card">
-                             <p:lineChart
-            					model="#{DashboardForm.plugin.processHelper.processesPerMonth}"
-            					style="width: 100%; height:300px;"/>
-                        </div>
-                    </intranda:box>
-                </div>
-            
-    	  </ui:fragment>
+                };
+                $.extend(true, this.cfg.config, options);
+            };
+        </h:outputScript>
+        <ui:fragment rendered="#{DashboardForm.plugin.processHelper.showStatistics and !DashboardForm.plugin.processHelper.isProcessPerMonthEmpty()}">
+            <div class="mb-3">
+                <intranda:box
+                    boxType="primary"
+                    boxPadding="true"
+                    icon="fa-list"
+                    title="#{msgs.dashboard_processesPerMonth}">
+                    <div class="card">
+                         <p:lineChart
+        					model="#{DashboardForm.plugin.processHelper.processesPerMonth}"
+                            style="height:250px"/>
+                    </div>
+                </intranda:box>
+            </div>
+
+	  </ui:fragment>
 	</composite:implementation>
 </ui:composition>
\ No newline at end of file
diff --git a/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_taskHistory.xhtml b/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_taskHistory.xhtml
index 54202c8..2c52fc9 100644
--- a/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_taskHistory.xhtml
+++ b/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_taskHistory.xhtml
@@ -65,16 +65,16 @@
                     <h:panelGroup rendered="#{!DashboardForm.plugin.tasksHelper.historyEmpty}">
                         <div class="gw-table">
                             <div class="gw-table__wrapper">
-                                <table class="table table-bordered table-hover">
-                                    
+                                <table class="table table-bordered table-hover table-fixed">
+
                                     <!-- COLUMNHEADER -->
                                     <thead>
                                         <tr>
-                                            <th style="min-width: 100px">#{msgs.titel}</th>
-                                            <th style="min-width: 100px">#{msgs.statisticsStepOpen}</th>
-                                            <th style="min-width: 100px">#{msgs.statisticsStepDone}</th>
-                                            <th style="min-width: 100px">#{msgs.statisticsStepInWork}</th>
-                                            <th style="min-width: 100px">#{msgs.statusError}</th>
+                                            <th>#{msgs.titel}</th>
+                                            <th>#{msgs.statisticsStepOpen}</th>
+                                            <th>#{msgs.statisticsStepDone}</th>
+                                            <th>#{msgs.statisticsStepInWork}</th>
+                                            <th>#{msgs.statusError}</th>
                                         </tr>
                                     </thead>
                                     <!-- // COLUMNHEADER -->
@@ -85,7 +85,7 @@
                                             var="historyStep"
                                             value="#{DashboardForm.plugin.tasksHelper.currentHistory}">
                                             <tr>
-        
+
                                                 <td>#{historyStep.stepName}</td>
                                                 <td>
                                                     <h:outputText value="#{historyStep.numberOfOpenTasks}" />
@@ -137,7 +137,7 @@
                                                             value="a22" />
                                                         <i class="fa fa-search" />
                                                     </button>
-        
+
                                                 </td>
                                                 <td>
                                                     <h:outputText value="#{historyStep.numberOfErrorTasks}" />
@@ -160,7 +160,7 @@
                                         </ui:repeat>
                                     </tbody>
                                     <!-- // TABLE BODY -->
-                                    
+
                                 </table>
                             </div>
                         </div>
@@ -171,5 +171,3 @@
     </composite:implementation>
 
 </ui:composition>
-
-
diff --git a/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_tasksLastChanges.xhtml b/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_tasksLastChanges.xhtml
index a2e9673..c9198ea 100644
--- a/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_tasksLastChanges.xhtml
+++ b/plugin/GUI/META-INF/resources/uii/plugin_dashboard_include_tasksLastChanges.xhtml
@@ -26,7 +26,7 @@
                     <h:form
                         id="recenttasks"
                         prependId="false">
-                        <div class="gw-table" style="#{DashboardForm.plugin.tasksHelper.taskChangeHistory.size() gt 4 ? 'overflow-y:auto; max-height:225px;' : ''}">
+                        <div class="gw-table gw-table__vscroll" >
                             <div class="gw-table__wrapper">
                                 <table
                                     role="grid"
@@ -102,5 +102,3 @@
     </composite:implementation>
 
 </ui:composition>
-
-
diff --git a/plugin/src/de/intranda/digiverso/model/helper/DashboardHelperProcesses.java b/plugin/src/de/intranda/digiverso/model/helper/DashboardHelperProcesses.java
index 873c318..c8c98d7 100644
--- a/plugin/src/de/intranda/digiverso/model/helper/DashboardHelperProcesses.java
+++ b/plugin/src/de/intranda/digiverso/model/helper/DashboardHelperProcesses.java
@@ -21,8 +21,6 @@ public class DashboardHelperProcesses {
     private XMLConfiguration config;
     private LineChartModel processesPerMonth = null;
 
-
-
     public DashboardHelperProcesses(XMLConfiguration xmlConfiguration) {
         config = xmlConfiguration;
     }
@@ -38,7 +36,7 @@ public LineChartModel getProcessesPerMonth() {
                 List<Object[]> rawvalues = ControllingManager.getResultsAsObjectList(sql);
                 for (Object[] objArr : rawvalues) {
                     String projectId = (String) objArr[0];
-                    if (strProjecIds.length()> 1) {
+                    if (strProjecIds.length() > 1) {
                         strProjecIds += ",";
                     }
                     strProjecIds += projectId;
@@ -47,15 +45,13 @@ public LineChartModel getProcessesPerMonth() {
 
             strProjecIds += ")";
 
-
             List<Object> values = new ArrayList<>();
             List<String> labels = new ArrayList<>();
 
-
-
             List<?> list = ProcessManager.runSQL(
-                    "Select year(erstellungsdatum) as year, month(erstellungsdatum) as month, count(*) FROM prozesse WHERE IstTemplate=false AND ProjekteID in " +
-                            strProjecIds +  " GROUP BY year, month  ORDER BY year desc, month desc LIMIT 24;");
+                    "Select year(erstellungsdatum) as year, month(erstellungsdatum) as month, count(*) FROM prozesse WHERE IstTemplate=false AND ProjekteID in "
+                            +
+                            strProjecIds + " GROUP BY year, month  ORDER BY year desc, month desc LIMIT 24;");
             Collections.reverse(list);
             for (Object obj : list) {
                 Object[] o = (Object[]) obj;
@@ -78,7 +74,6 @@ public LineChartModel getProcessesPerMonth() {
 
             data.setLabels(labels);
 
-
             //Options
             LineChartOptions options = new LineChartOptions();
             options.setMaintainAspectRatio(false);
@@ -97,6 +92,7 @@ public LineChartModel getProcessesPerMonth() {
             options.setLegend(legend);
             processesPerMonth.setOptions(options);
             processesPerMonth.setData(data);
+            processesPerMonth.setExtender("chartExtender");
         }
         return this.processesPerMonth;
     }