diff --git a/README.md b/README.md
index a35809c..9608fd2 100644
--- a/README.md
+++ b/README.md
@@ -12,7 +12,7 @@ https://corifeus.com/redis-ui
 
 
 ---
-# 💿 The p3x-redis-ui-material web interface that connects to the p3x-redis-ui-server via http and socket.io v2024.4.268
+# 💿 The p3x-redis-ui-material web interface that connects to the p3x-redis-ui-server via http and socket.io v2024.10.108
 
 
 
@@ -26,7 +26,7 @@ https://corifeus.com/redis-ui
 ### Built on NodeJs version
 
 ```txt
-v22.2.0
+v22.4.0
 ```
 
 
@@ -87,7 +87,7 @@ All my domains, including [patrikx3.com](https://patrikx3.com) and [corifeus.com
 ---
 
 
-[**P3X-REDIS-UI-MATERIAL**](https://corifeus.com/redis-ui-material) Build v2024.4.268
+[**P3X-REDIS-UI-MATERIAL**](https://corifeus.com/redis-ui-material) Build v2024.10.108
 
  [![NPM](https://img.shields.io/npm/v/p3x-redis-ui-material.svg)](https://www.npmjs.com/package/p3x-redis-ui-material)  [![Donate for Corifeus / P3X](https://img.shields.io/badge/Donate-Corifeus-003087.svg)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=QZVM4V6HVZJW6)  [![Contact Corifeus / P3X](https://img.shields.io/badge/Contact-P3X-ff9900.svg)](https://www.patrikx3.com/en/front/contact) [![Like Corifeus @ Facebook](https://img.shields.io/badge/LIKE-Corifeus-3b5998.svg)](https://www.facebook.com/corifeus.software)
 
diff --git a/package.json b/package.json
index c664c5f..d1d0f06 100644
--- a/package.json
+++ b/package.json
@@ -1,13 +1,13 @@
 {
     "name": "p3x-redis-ui-material",
-    "version": "2024.4.268",
+    "version": "2024.10.108",
     "description": "💿 The p3x-redis-ui-material web interface that connects to the p3x-redis-ui-server via http and socket.io",
     "corifeus": {
         "icon": "fas fa-database",
         "code": "Fireball",
         "opencollective": false,
         "build": true,
-        "nodejs": "v22.2.0",
+        "nodejs": "v22.4.0",
         "reponame": "redis-ui-material",
         "publish": true,
         "prefix": "p3x-",
@@ -63,7 +63,7 @@
         "clean-webpack-plugin": "^4.0.0",
         "concurrently": "^8.2.2",
         "copy-webpack-plugin": "^12.0.2",
-        "corifeus-builder": "^2024.4.140",
+        "corifeus-builder": "^2024.10.105",
         "css-loader": "^7.1.2",
         "css-minimizer-webpack-plugin": "^7.0.0",
         "grunt-injector": "^1.1.0",
@@ -72,7 +72,7 @@
         "humanize-duration": "^3.32.1",
         "jquery": "^3.7.1",
         "js-htmlencode": "^0.3.0",
-        "jsoneditor": "^10.0.3",
+        "jsoneditor": "^10.1.0",
         "lodash": "^4.17.21",
         "material-design-icons-iconfont": "^6.7.0",
         "mini-css-extract-plugin": "^2.9.0",
@@ -80,14 +80,14 @@
         "moment": "^2.30.1",
         "pretty-bytes": "^5.6.0",
         "raw-loader": "^4.0.2",
-        "sass": "^1.77.4",
+        "sass": "^1.77.6",
         "sass-loader": "^14.2.1",
         "socket.io-client": "^4.7.5",
         "source-map-loader": "^5.0.0",
         "style-loader": "^4.0.0",
         "terser-webpack-plugin": "^5.3.10",
         "timestring": "^7.0.0",
-        "webpack": "^5.91.0",
+        "webpack": "^5.92.1",
         "webpack-bundle-analyzer": "^4.10.2",
         "webpack-cli": "^5.1.4",
         "webpack-dev-server": "^5.0.4",
diff --git a/src/angular/directive/p3xr-monitor.input.scss b/src/angular/directive/p3xr-monitor.input.scss
index 15d3cf7..e2f763c 100644
--- a/src/angular/directive/p3xr-monitor.input.scss
+++ b/src/angular/directive/p3xr-monitor.input.scss
@@ -1,3 +1,5 @@
+
+
 .p3xr-monitor-input {
     position: absolute;
     transform: translateX(20px);
@@ -10,6 +12,11 @@
         min-height: auto !important;
         height: auto !important;
 
+        border-top-left-radius: 0px;
+        border-top-right-radius: 0px;
+        border-bottom-left-radius: $border-radius;
+        border-bottom-right-radius: $border-radius;
+
         .md-toolbar-tools {
             min-height: auto !important;
             height: auto !important;
diff --git a/src/angular/pages/p3xr-console.html b/src/angular/pages/p3xr-console.html
index b698c5d..b867101 100644
--- a/src/angular/pages/p3xr-console.html
+++ b/src/angular/pages/p3xr-console.html
@@ -1,46 +1,54 @@
 <!-- ng-class="{ 'p3xr-console-electron': $root.isElectron }" -->
 <div>
-    <md-toolbar class="md-primary" ng-class="{'md-hue-1': $ctrl.type !== 'quick', 'md-hue-3': $ctrl.type === 'quick'}" md-theme="{{ $root.p3xr.state.themeLayout}}" id="p3xr-console-header">
+    <md-toolbar class="md-primary" ng-class="{'md-hue-1': $ctrl.type !== 'quick', 'md-hue-3': $ctrl.type === 'quick'}"
+        md-theme="{{ $root.p3xr.state.themeLayout}}" id="p3xr-console-header">
         <div class="md-toolbar-tools" ng-if="$ctrl.type !== 'quick'">
             <h2 flex md-truncate>{{ $root.p3xr.strings.label.console }}</h2>
 
             <span ng-click="$ctrl.setMonitorState()" p3xr-monitor-input controller="$ctrl">
-                <md-tooltip ng-if="$root.$mdMedia('xs')" md-direction="bottom">{{ $root.p3xr.strings.intention.pubsubMonitor }}</md-tooltip>
-                <md-checkbox ng-model="$root.p3xr.state.monitor" style="transform: scale(0.75)" id="p3xr-console-pubsub-checkbox">
+                <md-tooltip ng-if="$root.$mdMedia('xs')" md-direction="bottom">{{
+                    $root.p3xr.strings.intention.pubsubMonitor }}</md-tooltip>
+                <md-checkbox ng-model="$root.p3xr.state.monitor" style="transform: scale(0.75)"
+                    id="p3xr-console-pubsub-checkbox">
                     <span hide-xs>{{ $root.p3xr.strings.intention.pubsubMonitor }}</span>
                 </md-checkbox>
             </span>
 
             <p3xr-button p3xr-label="$root.p3xr.strings.intention.commands" p3xr-md-icon="menu"
-                            ng-click="$ctrl.commands({ $event: $event})"></p3xr-button>
+                ng-click="$ctrl.commands({ $event: $event})"></p3xr-button>
 
             <p3xr-button p3xr-label="$root.p3xr.strings.intention.clear" p3xr-md-icon="backspace"
-                            ng-click="$ctrl.clearConsole()"></p3xr-button>
+                ng-click="$ctrl.clearConsole()"></p3xr-button>
         </div>
         <div class="md-toolbar-tools p3xr-content-border-toolbar" ng-if="$ctrl.type === 'quick'">
             <h2 flex md-truncate>{{ $root.p3xr.strings.intention.quickConsole }}</h2>
-            <span ng-click="$ctrl.setMonitorState()"  p3xr-monitor-input  controller="$ctrl">
-                <md-tooltip ng-if="$root.$mdMedia('xs')" md-direction="bottom">{{ $root.p3xr.strings.intention.pubsubMonitor }}</md-tooltip>
-                <md-checkbox ng-model="$root.p3xr.state.monitor"style="transform: scale(0.75)" id="p3xr-console-pubsub-checkbox">
+            <span ng-click="$ctrl.setMonitorState()" p3xr-monitor-input controller="$ctrl">
+                <md-tooltip ng-if="$root.$mdMedia('xs')" md-direction="bottom">{{
+                    $root.p3xr.strings.intention.pubsubMonitor }}</md-tooltip>
+                <md-checkbox ng-model="$root.p3xr.state.monitor" style="transform: scale(0.75)"
+                    id="p3xr-console-pubsub-checkbox">
                     <span hide-xs>{{ $root.p3xr.strings.intention.pubsubMonitor }}</span>
                 </md-checkbox>
             </span>
             <p3xr-button p3xr-label="$root.p3xr.strings.intention.clear" p3xr-md-icon="backspace"
-                            ng-click="$ctrl.clearConsole()"></p3xr-button>
+                ng-click="$ctrl.clearConsole()"></p3xr-button>
 
             <p3xr-button p3xr-label="$root.p3xr.strings.intention.close" p3xr-md-icon="close"
-                            ng-click="$ctrl.closeConsole()"></p3xr-button>
+                ng-click="$ctrl.closeConsole()"></p3xr-button>
 
         </div>
 
     </md-toolbar>
-    <md-content md-theme="{{ $root.p3xr.state.theme}}" ng-class="{'layout-padding': $ctrl.type !== 'quick'}" id="p3xr-console-content" md-whiteframe="{{ $ctrl.type !== 'quick' ? 1 : -1}}" class="p3xr-content-border-fixed">
+    <md-content md-theme="{{ $root.p3xr.state.theme}}" ng-class="{'layout-padding': $ctrl.type !== 'quick'}"
+        id="p3xr-console-content" md-whiteframe="{{ $ctrl.type !== 'quick' ? 1 : -1}}"
+        class="p3xr-content-border-fixed">
 
         <div style="display: flex; flex-direction: row; align-items: stretch; min-height: 100%">
-            <div id="p3xr-console-content-resizer" ng-if="$ctrl.type === 'quick'" ng-mousedown="$ctrl.dragStart()" ng-mouseup="$ctrl.dragEnd()">
+            <div id="p3xr-console-content-resizer" ng-if="$ctrl.type === 'quick'" ng-mousedown="$ctrl.dragStart()"
+                ng-mouseup="$ctrl.dragEnd()">
             </div>
             <div id="p3xr-console-content-output" style="flex-grow: 1;">
-            </div>    
+            </div>
         </div>
         <div id="p3xr-console-content-output" ng-if="$ctrl.type !== 'quick'">
         </div>
@@ -51,10 +59,13 @@ <h2 flex md-truncate>{{ $root.p3xr.strings.intention.quickConsole }}</h2>
     </md-content>
 </div>
 
-<md-autocomplete md-autofocus id="p3xr-console-autocomplete" ng-class="{'p3xr-console-autocomplete-quick': $ctrl.type === 'quick'}"  ng-enter="$ctrl.actionEnter(searchText)" md-input-id="p3xr-console-input" class="p3xr-console" md-input-class="p3xr-input md-input" md-search-text="searchText" md-items="item in  $ctrl.getMatches(searchText)" md-item-text="item" md-clear-button="false" md-escape-options="none">
+<md-autocomplete md-autofocus id="p3xr-console-autocomplete"
+    ng-class="{'p3xr-console-autocomplete-quick': $ctrl.type === 'quick'}" ng-enter="$ctrl.actionEnter(searchText)"
+    md-input-id="p3xr-console-input" class="p3xr-console" md-input-class="p3xr-input md-input"
+    md-search-text="searchText" md-items="item in  $ctrl.getMatches(searchText)" md-item-text="item"
+    md-clear-button="false" md-escape-options="none">
     <md-item-template>
         <span md-highlight-text="searchText">{{item}}</span>
     </md-item-template>
 
-</md-autocomplete>
-        
+</md-autocomplete>
\ No newline at end of file
diff --git a/src/angular/pages/p3xr-console.scss b/src/angular/pages/p3xr-console.scss
index bb62587..7b6dfb8 100644
--- a/src/angular/pages/p3xr-console.scss
+++ b/src/angular/pages/p3xr-console.scss
@@ -7,8 +7,8 @@ p3xr-console {
     }
 
     md-toolbar {
-        border-top-left-radius: 6px;
-        border-top-right-radius: 6px;
+        border-top-left-radius: $border-radius;
+        border-top-right-radius: $border-radius;
     }
 
     #p3xr-console-content {
diff --git a/src/angular/pages/p3xr-main.scss b/src/angular/pages/p3xr-main.scss
index 6e1465e..cb19ff5 100644
--- a/src/angular/pages/p3xr-main.scss
+++ b/src/angular/pages/p3xr-main.scss
@@ -1,3 +1,5 @@
+@import "../../scss/vars";
+
 p3xr-main {
 
     @media (max-width:350px) {
@@ -7,8 +9,8 @@ p3xr-main {
     }
 
     md-toolbar, .p3xr-content-border {
-        border-top-left-radius: 6px;
-        border-top-right-radius: 6px;
+        border-top-left-radius: $border-radius;
+        border-top-right-radius: $border-radius;
     }
 
     #p3xr-main-treecontrol-container {
diff --git a/src/angular/ui/p3xr-accordion.scss b/src/angular/ui/p3xr-accordion.scss
index ac5d117..cc61c9f 100644
--- a/src/angular/ui/p3xr-accordion.scss
+++ b/src/angular/ui/p3xr-accordion.scss
@@ -8,6 +8,6 @@
 
 p3xr-accordion md-toolbar {
     // fix with border radious only left and right top of the toolbar
-    border-top-left-radius: 6px;
-    border-top-right-radius: 6px;
+    border-top-left-radius: $border-radius;
+    border-top-right-radius: $border-radius;
 }
\ No newline at end of file
diff --git a/src/scss/index.scss b/src/scss/index.scss
index 2ae7066..c4bb582 100644
--- a/src/scss/index.scss
+++ b/src/scss/index.scss
@@ -1,3 +1,4 @@
+@import "./vars";
 
 #adsbygoogle-container {
     position: fixed;
@@ -7,7 +8,7 @@
 }
 
 .md-button {
-    border-radius: 6px;
+    border-radius: $border-radius;
 }
 
 md-toast {
diff --git a/src/scss/vars.scss b/src/scss/vars.scss
index 48c6eb9..798e952 100644
--- a/src/scss/vars.scss
+++ b/src/scss/vars.scss
@@ -1,2 +1,3 @@
 $toolbar-height: 48px;
-$layout-padding: 5px;
\ No newline at end of file
+$layout-padding: 5px;
+$border-radius: 4px;
\ No newline at end of file