@syncfusion/ej2-ribbon 27.1.50 → 27.2.2

package/.gitleaksignore

@@ -0,0 +1,5 @@
+/* Ignore False leaks */
+demos/ribbon/contextualtab.css:aws-access-token:38
+demos/ribbon/gallery.css:aws-access-token:42
+demos/ribbon/groupbutton.css:aws-access-token:38
+demos/ribbon/rightpanetemplate.css:aws-access-token:38

package/dist/ej2-ribbon.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-ribbon.umd.min.js
-*  version : 27.1.50
+*  version : 27.2.2
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/global/ej2-ribbon.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-ribbon.min.js
-*  version : 27.1.50
+*  version : 27.2.2
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.50
+*  version : 27.2.2
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-ribbon@*",
-  "_id": "@syncfusion/ej2-ribbon@27.1.48",
+  "_id": "@syncfusion/ej2-ribbon@27.1.50",
   "_inBundle": false,
-  "_integrity": "sha512-k7VX6YYQU1aMblTdFa+cG8VugjznkQg8BotfneioWPONifajTDt6nR1QKlhilqx6fmvAwTXoUc7QuoNFt2q00A==",
+  "_integrity": "sha512-YknR6kzlUF/X+20guakdjCBaKC2zaMNDW78Ue9HlarMi4wKQCAjWdZzvJblTdkEh9b8O0jTWkLp1LfPCapr5pQ==",
   "_location": "/@syncfusion/ej2-ribbon",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-ribbon",
     "/@syncfusion/ej2-vue-ribbon"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-ribbon/-/ej2-ribbon-27.1.48.tgz",
-  "_shasum": "94a70475329882be12809581ee47204c6b9f09a2",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-ribbon/-/ej2-ribbon-27.1.50.tgz",
+  "_shasum": "7e4c1c5d5efedfb15c4fa42eb0b4abc246146356",
   "_spec": "@syncfusion/ej2-ribbon@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -35,13 +35,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.50",
-    "@syncfusion/ej2-buttons": "~27.1.50",
-    "@syncfusion/ej2-dropdowns": "~27.1.50",
-    "@syncfusion/ej2-lists": "~27.1.50",
-    "@syncfusion/ej2-navigations": "~27.1.50",
-    "@syncfusion/ej2-popups": "~27.1.50",
-    "@syncfusion/ej2-splitbuttons": "~27.1.50"
+    "@syncfusion/ej2-base": "~27.2.2",
+    "@syncfusion/ej2-buttons": "~27.2.2",
+    "@syncfusion/ej2-dropdowns": "~27.2.2",
+    "@syncfusion/ej2-lists": "~27.2.2",
+    "@syncfusion/ej2-navigations": "~27.2.2",
+    "@syncfusion/ej2-popups": "~27.2.2",
+    "@syncfusion/ej2-splitbuttons": "~27.2.2"
   },
   "deprecated": false,
   "description": "Essential JS 2 Component",
@@ -62,6 +62,6 @@
     "url": "git+https://github.com/syncfusion/ej2-ribbon-component.git"
   },
   "typings": "index.d.ts",
-  "version": "27.1.50",
+  "version": "27.2.2",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -2311,7 +2311,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
   font-size: 14px;
   line-height: 22px;
-  padding: 9px 0 9px 12px;
+  padding: 9px 0 9px 8px;
   height: auto;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,

package/styles/bootstrap.css

@@ -2313,7 +2313,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
   font-size: 14px;
   line-height: 22px;
-  padding: 9px 0 9px 12px;
+  padding: 9px 0 9px 8px;
   height: auto;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,

package/styles/bootstrap5-dark-lite.css

@@ -784,7 +784,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  max-width: 10ch;
+  max-width: 12ch;
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;

package/styles/bootstrap5-dark.css

@@ -784,7 +784,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  max-width: 10ch;
+  max-width: 12ch;
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;
@@ -2432,7 +2432,7 @@
   font-size: 14px;
   line-height: 18px;
   padding: 0 5px;
-  max-width: 10ch;
+  max-width: 12ch;
 }
 .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
 .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),

package/styles/bootstrap5-lite.css

@@ -784,7 +784,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  max-width: 10ch;
+  max-width: 12ch;
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;

package/styles/bootstrap5.3-lite.css

@@ -613,7 +613,7 @@
   line-height: 12px;
   height: auto;
   min-height: auto;
-  padding: 7px 6px 7px 13px;
+  padding: 7px 4px 7px 2px;
   margin: 0;
   border: none;
   min-width: auto;

package/styles/bootstrap5.3.css

@@ -613,7 +613,7 @@
   line-height: 12px;
   height: auto;
   min-height: auto;
-  padding: 7px 6px 7px 13px;
+  padding: 7px 4px 7px 2px;
   margin: 0;
   border: none;
   min-width: auto;
@@ -2399,7 +2399,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
   font-size: 12px;
   line-height: 12px;
-  padding: 11px 8px 11px 2px;
+  padding: 11px 4px 11px 2px;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
 .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,

package/styles/bootstrap5.css

@@ -784,7 +784,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  max-width: 10ch;
+  max-width: 12ch;
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;
@@ -2432,7 +2432,7 @@
   font-size: 14px;
   line-height: 18px;
   padding: 0 5px;
-  max-width: 10ch;
+  max-width: 12ch;
 }
 .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
 .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),

package/styles/fabric-dark-lite.css

@@ -501,7 +501,7 @@
   line-height: 22px;
   height: auto;
   min-height: auto;
-  padding: 5px 0 5px 12px;
+  padding: 5px 0 5px 8px;
 }
 .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
 .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {

package/styles/fabric-dark.css

@@ -501,7 +501,7 @@
   line-height: 22px;
   height: auto;
   min-height: auto;
-  padding: 5px 0 5px 12px;
+  padding: 5px 0 5px 8px;
 }
 .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
 .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
@@ -2287,7 +2287,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
   font-size: 14px;
   line-height: 22px;
-  padding: 9px 0 9px 13px;
+  padding: 9px 0 9px 8px;
   height: auto;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,

package/styles/fabric-lite.css

@@ -502,7 +502,7 @@
   line-height: 22px;
   height: auto;
   min-height: auto;
-  padding: 5px 0 5px 13px;
+  padding: 5px 0 5px 8px;
 }
 .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
 .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {

package/styles/fabric.css

@@ -502,7 +502,7 @@
   line-height: 22px;
   height: auto;
   min-height: auto;
-  padding: 5px 0 5px 13px;
+  padding: 5px 0 5px 8px;
 }
 .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
 .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
@@ -2288,7 +2288,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
   font-size: 14px;
   line-height: 22px;
-  padding: 9px 0 9px 13px;
+  padding: 9px 0 9px 8px;
   height: auto;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,

package/styles/fluent2-lite.css

@@ -73,7 +73,7 @@
 
 .e-ddl.e-popup {
   border: 0;
-  border-radius: 8px;
+  border-radius: 4px;
   -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
           box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   margin-top: 4px;
@@ -640,7 +640,7 @@
   line-height: 18px;
   height: auto;
   min-height: auto;
-  padding: 6px 0 6px 10px;
+  padding: 6px 0 6px 8px;
 }
 .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
 .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
@@ -649,7 +649,7 @@
   line-height: 14px;
   height: auto;
   min-height: auto;
-  padding: 8px 9px;
+  padding: 6px 4px 6px 2px;
   margin: 0;
   border: none;
   min-width: auto;
@@ -824,7 +824,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  max-width: 11ch;
+  max-width: 12ch;
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;
@@ -1510,7 +1510,7 @@
 }
 .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
   padding: 0;
-  margin: 2px 12px 2px 2px;
+  margin: 7px 8px 9px 12px;
 }
 
 .e-ribbon-tooltip .e-tip-content {

package/styles/fluent2.css

@@ -73,7 +73,7 @@
 
 .e-ddl.e-popup {
   border: 0;
-  border-radius: 8px;
+  border-radius: 4px;
   -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
           box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   margin-top: 4px;
@@ -640,7 +640,7 @@
   line-height: 18px;
   height: auto;
   min-height: auto;
-  padding: 6px 0 6px 10px;
+  padding: 6px 0 6px 8px;
 }
 .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
 .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
@@ -649,7 +649,7 @@
   line-height: 14px;
   height: auto;
   min-height: auto;
-  padding: 8px 9px;
+  padding: 6px 4px 6px 2px;
   margin: 0;
   border: none;
   min-width: auto;
@@ -824,7 +824,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  max-width: 11ch;
+  max-width: 12ch;
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;
@@ -1510,7 +1510,7 @@
 }
 .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
   padding: 0;
-  margin: 2px 12px 2px 2px;
+  margin: 7px 8px 9px 12px;
 }
 
 .e-ribbon-tooltip .e-tip-content {
@@ -2512,7 +2512,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
   font-size: 16px;
   line-height: 22px;
-  padding: 9px 0 9px 12px;
+  padding: 9px 0 9px 8px;
   height: auto;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
@@ -2521,7 +2521,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
   font-size: 18px;
   line-height: 18px;
-  padding: 11px 12px;
+  padding: 8px 2px;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
 .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,

package/styles/highcontrast-light-lite.css

@@ -518,7 +518,7 @@
   line-height: 22px;
   height: auto;
   min-height: auto;
-  padding: 7px 0 7px 12px;
+  padding: 7px 0 7px 8px;
 }
 .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
 .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
@@ -702,7 +702,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  max-width: 10ch;
+  max-width: 12ch;
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;

package/styles/highcontrast-light.css

@@ -518,7 +518,7 @@
   line-height: 22px;
   height: auto;
   min-height: auto;
-  padding: 7px 0 7px 12px;
+  padding: 7px 0 7px 8px;
 }
 .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
 .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
@@ -702,7 +702,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  max-width: 10ch;
+  max-width: 12ch;
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;
@@ -2304,7 +2304,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
   font-size: 14px;
   line-height: 22px;
-  padding: 9px 0 9px 12px;
+  padding: 9px 0 9px 8px;
   height: auto;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
@@ -2350,7 +2350,7 @@
   font-size: 16px;
   line-height: 24px;
   padding: 0 5px;
-  max-width: 10ch;
+  max-width: 12ch;
 }
 .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
 .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),

package/styles/highcontrast-lite.css

@@ -523,7 +523,7 @@
   line-height: 22px;
   height: auto;
   min-height: auto;
-  padding: 7px 0 7px 12px;
+  padding: 7px 0 7px 8px;
 }
 .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
 .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
@@ -707,7 +707,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  max-width: 10ch;
+  max-width: 12ch;
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;

package/styles/highcontrast.css

@@ -523,7 +523,7 @@
   line-height: 22px;
   height: auto;
   min-height: auto;
-  padding: 7px 0 7px 12px;
+  padding: 7px 0 7px 8px;
 }
 .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
 .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
@@ -707,7 +707,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  max-width: 10ch;
+  max-width: 12ch;
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;
@@ -2309,7 +2309,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
   font-size: 14px;
   line-height: 22px;
-  padding: 9px 0 9px 12px;
+  padding: 9px 0 9px 8px;
   height: auto;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
@@ -2355,7 +2355,7 @@
   font-size: 16px;
   line-height: 24px;
   padding: 0 5px;
-  max-width: 10ch;
+  max-width: 12ch;
 }
 .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
 .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),

package/styles/material-dark.css

@@ -2447,7 +2447,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
   font-size: 14px;
   line-height: 22px;
-  padding: 7px 0 7px 13px;
+  padding: 7px 0 7px 8px;
   height: auto;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,

package/styles/material-lite.css

@@ -675,7 +675,7 @@
   line-height: 12px;
   height: auto;
   min-height: auto;
-  padding: 11px 1px 9px 2px;
+  padding: 8px 3px 8px 2px;
   margin: 0;
   border: none;
   min-width: auto;

package/styles/material.css

@@ -675,7 +675,7 @@
   line-height: 12px;
   height: auto;
   min-height: auto;
-  padding: 11px 1px 9px 2px;
+  padding: 8px 3px 8px 2px;
   margin: 0;
   border: none;
   min-width: auto;
@@ -2453,7 +2453,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
   font-size: 14px;
   line-height: 22px;
-  padding: 7px 0 7px 13px;
+  padding: 7px 0 7px 8px;
   height: auto;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,

package/styles/material3-dark-lite.css

@@ -596,7 +596,7 @@
   line-height: 16px;
   height: auto;
   min-height: auto;
-  padding: 4px;
+  padding: 4px 4px 4px 2px;
   margin: 0;
   border: none;
   min-width: auto;

package/styles/material3-dark.css

@@ -596,7 +596,7 @@
   line-height: 16px;
   height: auto;
   min-height: auto;
-  padding: 4px;
+  padding: 4px 4px 4px 2px;
   margin: 0;
   border: none;
   min-width: auto;
@@ -2398,7 +2398,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
   font-size: 16px;
   line-height: 16px;
-  padding: 10px 10px 10px 2px;
+  padding: 10px 4px 10px 2px;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
 .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,

package/styles/material3-lite.css

@@ -598,7 +598,7 @@
   line-height: 16px;
   height: auto;
   min-height: auto;
-  padding: 4px;
+  padding: 4px 4px 4px 2px;
   margin: 0;
   border: none;
   min-width: auto;

package/styles/material3.css

@@ -598,7 +598,7 @@
   line-height: 16px;
   height: auto;
   min-height: auto;
-  padding: 4px;
+  padding: 4px 4px 4px 2px;
   margin: 0;
   border: none;
   min-width: auto;
@@ -2400,7 +2400,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
   font-size: 16px;
   line-height: 16px;
-  padding: 10px 10px 10px 2px;
+  padding: 10px 4px 10px 2px;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
 .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,

package/styles/ribbon/_bootstrap-dark-definition.scss

@@ -233,7 +233,7 @@ $ribbon-bigger-input-items-size: 14px !default;
 $ribbon-bigger-input-items-height: 22px !default;
 $ribbon-bigger-input-items-btn-size: 16px !default;
 $ribbon-bigger-input-items-btn-height: 16px !default;
-$ribbon-bigger-input-padding: 9px 0 9px 12px !default;
+$ribbon-bigger-input-padding: 9px 0 9px 8px !default;
 $ribbon-bigger-input-icon-padding: 12px 4px 12px 2px !default;
 $ribbon-bigger-input-group-margin: 0 0 4px !default;
 $ribbon-bigger-dropdown-btn-padding: 0 17px !default;

package/styles/ribbon/_bootstrap-definition.scss

@@ -233,7 +233,7 @@ $ribbon-bigger-input-items-size: 14px !default;
 $ribbon-bigger-input-items-height: 22px !default;
 $ribbon-bigger-input-items-btn-size: 16px !default;
 $ribbon-bigger-input-items-btn-height: 16px !default;
-$ribbon-bigger-input-padding: 9px 0 9px 12px !default;
+$ribbon-bigger-input-padding: 9px 0 9px 8px !default;
 $ribbon-bigger-input-icon-padding: 12px 4px 12px 2px !default;
 $ribbon-bigger-input-group-margin: 0 0 4px !default;
 $ribbon-bigger-dropdown-btn-padding: 0 18px !default;

package/styles/ribbon/_bootstrap5-definition.scss

@@ -58,7 +58,7 @@ $ribbon-items-padding: 2px !default;
 $ribbon-large-items-btn-padding: 0 2px 4px !default;
 $ribbon-large-items-btn-height: 18px !default;
 $ribbon-large-items-icon-size: $text-2xl !default;
-$ribbon-large-items-max-width: 10ch !default;
+$ribbon-large-items-max-width: 12ch !default;
 $ribbon-large-items-icon-padding: 8px 6px 4px !default;
 $ribbon-large-items-btn-gap: 5px !default;
 $ribbon-large-items-min-width-height: 24px !default;

package/styles/ribbon/_bootstrap5.3-definition.scss

@@ -86,7 +86,7 @@ $ribbon-input-height: 18px !default;
 $ribbon-input-weight: 400 !default;
 $ribbon-input-icon-size: $text-xs !default;
 $ribbon-input-icon-height: 12px !default;
-$ribbon-input-icon-padding: 7px 6px 7px 13px !default;
+$ribbon-input-icon-padding: 7px 4px 7px 2px !default;
 $ribbon-input-icon-weight: 400 !default;
 $ribbon-input-group-border-radius: 4px !default;
 $ribbon-input-group-margin: 0 0 4px !default;
@@ -234,7 +234,7 @@ $ribbon-bigger-input-items-height: 22px !default;
 $ribbon-bigger-input-items-btn-size: $text-xs !default;
 $ribbon-bigger-input-items-btn-height: 12px !default;
 $ribbon-bigger-input-padding: 6px 0 6px 8px !default;
-$ribbon-bigger-input-icon-padding: 11px 8px 11px 2px !default;
+$ribbon-bigger-input-icon-padding: 11px 4px 11px 2px !default;
 $ribbon-bigger-input-group-margin: 0 0 4px !default;
 $ribbon-bigger-dropdown-btn-padding: 0 13px !default;
 $ribbon-bigger-menu-blank-icon-padding: 44px !default;

package/styles/ribbon/_fabric-dark-definition.scss

@@ -80,7 +80,7 @@ $ribbon-items-min-width-height: 16px !default;
 $ribbon-items-checkbox-size: 12px !default;
 $ribbon-items-checkbox-padding: 0 8px !default;
 $ribbon-input-group-height: 32px !default;
-$ribbon-input-padding: 5px 0 5px 12px !default;
+$ribbon-input-padding: 5px 0 5px 8px !default;
 $ribbon-input-size: 14px !default;
 $ribbon-input-height: 22px !default;
 $ribbon-input-weight: 400 !default;
@@ -233,7 +233,7 @@ $ribbon-bigger-input-items-size: 14px !default;
 $ribbon-bigger-input-items-height: 22px !default;
 $ribbon-bigger-input-items-btn-size: 12px !default;
 $ribbon-bigger-input-items-btn-height: 12px !default;
-$ribbon-bigger-input-padding: 9px 0 9px 13px !default;
+$ribbon-bigger-input-padding: 9px 0 9px 8px !default;
 $ribbon-bigger-input-icon-padding: 14px 4px 14px 2px !default;
 $ribbon-bigger-input-group-margin: 0 0 4px !default;
 $ribbon-bigger-dropdown-btn-padding: 0 18px !default;

package/styles/ribbon/_fabric-definition.scss

@@ -80,7 +80,7 @@ $ribbon-items-min-width-height: 16px !default;
 $ribbon-items-checkbox-size: 14px !default;
 $ribbon-items-checkbox-padding: 0 8px !default;
 $ribbon-input-group-height: 32px !default;
-$ribbon-input-padding: 5px 0 5px 13px !default;
+$ribbon-input-padding: 5px 0 5px 8px !default;
 $ribbon-input-size: 14px !default;
 $ribbon-input-height: 22px !default;
 $ribbon-input-weight: 400 !default;
@@ -233,7 +233,7 @@ $ribbon-bigger-input-items-size: 14px !default;
 $ribbon-bigger-input-items-height: 22px !default;
 $ribbon-bigger-input-items-btn-size: 12px !default;
 $ribbon-bigger-input-items-btn-height: 12px !default;
-$ribbon-bigger-input-padding: 9px 0 9px 13px !default;
+$ribbon-bigger-input-padding: 9px 0 9px 8px !default;
 $ribbon-bigger-input-icon-padding: 14px 4px 14px 2px !default;
 $ribbon-bigger-input-group-margin: 0 0 4px !default;
 $ribbon-bigger-dropdown-btn-padding: 0 17px !default;

package/styles/ribbon/_fluent2-definition.scss

@@ -59,7 +59,7 @@ $ribbon-large-items-icon-padding: 8px 0 4px !default;
 $ribbon-large-items-btn-padding: 0 8px !default;
 $ribbon-large-items-btn-height: 16px !default;
 $ribbon-large-items-icon-size: $text-2xl !default;
-$ribbon-large-items-max-width: 11ch !default;
+$ribbon-large-items-max-width: 12ch !default;
 $ribbon-large-items-btn-gap: 4px !default;
 $ribbon-large-items-min-width-height: 24px !default;
 $ribbon-items-border: none !default;
@@ -80,13 +80,13 @@ $ribbon-rtl-checkbox-margin: 8px 8px 8px 0 !default;
 $ribbon-items-checkbox-size: $text-sm !default;
 $ribbon-items-checkbox-padding: 0 5px !default;
 $ribbon-input-group-height: 32px !default;
-$ribbon-input-padding: 6px 0 6px 10px !default;
+$ribbon-input-padding: 6px 0 6px 8px !default;
 $ribbon-input-size: $text-sm !default;
 $ribbon-input-height: 18px !default;
 $ribbon-input-weight: $font-weight-normal !default;
 $ribbon-input-icon-size: $text-sm !default;
 $ribbon-input-icon-height: 14px !default;
-$ribbon-input-icon-padding: 8px 9px !default;
+$ribbon-input-icon-padding: 6px 4px 6px 2px !default;
 $ribbon-input-icon-weight: $font-weight-normal !default;
 $ribbon-input-group-border-radius: 4px !default;
 $ribbon-input-group-margin: 0 2px 4px !default;
@@ -233,8 +233,8 @@ $ribbon-bigger-input-items-size: $text-base !default;
 $ribbon-bigger-input-items-height: 22px !default;
 $ribbon-bigger-input-items-btn-size: $text-lg !default;
 $ribbon-bigger-input-items-btn-height: 18px !default;
-$ribbon-bigger-input-padding: 9px 0 9px 12px !default;
-$ribbon-bigger-input-icon-padding: 11px 12px !default;
+$ribbon-bigger-input-padding: 9px 0 9px 8px !default;
+$ribbon-bigger-input-icon-padding: 8px 2px !default;
 $ribbon-bigger-input-group-margin: 0 3px 6px !default;
 $ribbon-bigger-dropdown-btn-padding: 0 13px !default;
 $ribbon-bigger-menu-blank-icon-padding: 38px !default;

package/styles/ribbon/_highcontrast-definition.scss

@@ -58,7 +58,7 @@ $ribbon-items-padding: 2px !default;
 $ribbon-large-items-btn-padding: 0 5px !default;
 $ribbon-large-items-btn-height: 22px !default;
 $ribbon-large-items-icon-size: 32px !default;
-$ribbon-large-items-max-width: 10ch !default;
+$ribbon-large-items-max-width: 12ch !default;
 $ribbon-large-items-icon-padding: 12px 10px 4px !default;
 $ribbon-large-items-btn-gap: 8px !default;
 $ribbon-large-items-min-width-height: 32px !default;
@@ -80,7 +80,7 @@ $ribbon-items-min-width-height: 16px !default;
 $ribbon-items-checkbox-size: 14px !default;
 $ribbon-items-checkbox-padding: 0 10px !default;
 $ribbon-input-group-height: 36px !default;
-$ribbon-input-padding: 7px 0 7px 12px !default;
+$ribbon-input-padding: 7px 0 7px 8px !default;
 $ribbon-input-size: 14px !default;
 $ribbon-input-height: 22px !default;
 $ribbon-input-weight: 400 !default;
@@ -233,7 +233,7 @@ $ribbon-bigger-input-items-size: 14px !default;
 $ribbon-bigger-input-items-height: 22px !default;
 $ribbon-bigger-input-items-btn-size: 12px !default;
 $ribbon-bigger-input-items-btn-height: 12px !default;
-$ribbon-bigger-input-padding: 9px 0 9px 12px !default;
+$ribbon-bigger-input-padding: 9px 0 9px 8px !default;
 $ribbon-bigger-input-icon-padding: 14px 4px 14px 2px !default;
 $ribbon-bigger-input-group-margin: 0 0 4px !default;
 $ribbon-bigger-dropdown-btn-padding: 0 18px !default;

package/styles/ribbon/_highcontrast-light-definition.scss

@@ -58,7 +58,7 @@ $ribbon-items-padding: 2px !default;
 $ribbon-large-items-btn-padding: 0 5px !default;
 $ribbon-large-items-btn-height: 22px !default;
 $ribbon-large-items-icon-size: 32px !default;
-$ribbon-large-items-max-width: 10ch !default;
+$ribbon-large-items-max-width: 12ch !default;
 $ribbon-large-items-icon-padding: 12px 10px 4px !default;
 $ribbon-large-items-btn-gap: 8px !default;
 $ribbon-large-items-min-width-height: 32px !default;
@@ -80,7 +80,7 @@ $ribbon-items-min-width-height: 16px !default;
 $ribbon-items-checkbox-size: 14px !default;
 $ribbon-items-checkbox-padding: 0 10px !default;
 $ribbon-input-group-height: 36px !default;
-$ribbon-input-padding: 7px 0 7px 12px !default;
+$ribbon-input-padding: 7px 0 7px 8px !default;
 $ribbon-input-size: 14px !default;
 $ribbon-input-height: 22px !default;
 $ribbon-input-weight: 400 !default;
@@ -233,7 +233,7 @@ $ribbon-bigger-input-items-size: 14px !default;
 $ribbon-bigger-input-items-height: 22px !default;
 $ribbon-bigger-input-items-btn-size: 12px !default;
 $ribbon-bigger-input-items-btn-height: 12px !default;
-$ribbon-bigger-input-padding: 9px 0 9px 12px !default;
+$ribbon-bigger-input-padding: 9px 0 9px 8px !default;
 $ribbon-bigger-input-icon-padding: 14px 4px 14px 2px !default;
 $ribbon-bigger-input-group-margin: 0 0 4px !default;
 $ribbon-bigger-dropdown-btn-padding: 0 18px !default;

package/styles/ribbon/_layout.scss

@@ -1354,7 +1354,7 @@
     @if ($skin-name == 'fluent2') {
       .e-menu-icon {
         padding: 0;
-        margin: 2px 12px 2px 2px;
+        margin: 7px 8px 9px 12px;
       }
     }
   }

package/styles/ribbon/_material-dark-definition.scss

@@ -233,7 +233,7 @@ $ribbon-bigger-input-items-size: 14px !default;
 $ribbon-bigger-input-items-height: 22px !default;
 $ribbon-bigger-input-items-btn-size: 16px !default;
 $ribbon-bigger-input-items-btn-height: 16px !default;
-$ribbon-bigger-input-padding: 7px 0 7px 13px !default;
+$ribbon-bigger-input-padding: 7px 0 7px 8px !default;
 $ribbon-bigger-input-icon-padding: 10px 2px 10px 2px !default;
 $ribbon-bigger-input-group-margin: 0 0 4px !default;
 $ribbon-bigger-dropdown-btn-padding: 0 18px !default;

package/styles/ribbon/_material-definition.scss

@@ -86,7 +86,7 @@ $ribbon-input-height: 22px !default;
 $ribbon-input-weight: 400 !default;
 $ribbon-input-icon-size: 12px !default;
 $ribbon-input-icon-height: 12px !default;
-$ribbon-input-icon-padding: 11px 1px 9px 2px !default;
+$ribbon-input-icon-padding: 8px 3px 8px 2px !default;
 $ribbon-input-icon-weight: 400 !default;
 $ribbon-input-group-border-radius: unset !default;
 $ribbon-input-group-margin: 0 0 4px !default;
@@ -233,7 +233,7 @@ $ribbon-bigger-input-items-size: 14px !default;
 $ribbon-bigger-input-items-height: 22px !default;
 $ribbon-bigger-input-items-btn-size: 16px !default;
 $ribbon-bigger-input-items-btn-height: 16px !default;
-$ribbon-bigger-input-padding: 7px 0 7px 13px !default;
+$ribbon-bigger-input-padding: 7px 0 7px 8px !default;
 $ribbon-bigger-input-icon-padding: 10px 2px !default;
 $ribbon-bigger-input-group-margin: 0 0 4px !default;
 $ribbon-bigger-dropdown-btn-padding: 0 18px !default;

package/styles/ribbon/_material3-definition.scss

@@ -86,7 +86,7 @@ $ribbon-input-height: 16px !default;
 $ribbon-input-weight: $font-weight-normal !default;
 $ribbon-input-icon-size: $text-base !default;
 $ribbon-input-icon-height: 16px !default;
-$ribbon-input-icon-padding: 4px !default;
+$ribbon-input-icon-padding: 4px 4px 4px 2px !default;
 $ribbon-input-icon-weight: $font-weight-normal !default;
 $ribbon-input-group-border-radius: unset !default;
 $ribbon-input-group-margin: 0 0 4px !default;
@@ -234,7 +234,7 @@ $ribbon-bigger-input-items-height: 18px !default;
 $ribbon-bigger-input-items-btn-size: $text-base !default;
 $ribbon-bigger-input-items-btn-height: 16px !default;
 $ribbon-bigger-input-padding: 9px 0 9px 8px !default;
-$ribbon-bigger-input-icon-padding: 10px 10px 10px 2px !default;
+$ribbon-bigger-input-icon-padding: 10px 4px 10px 2px !default;
 $ribbon-bigger-input-group-margin: 0 0 4px !default;
 $ribbon-bigger-dropdown-btn-padding: 0 6px !default;
 $ribbon-bigger-menu-blank-icon-padding: 50px !default;

package/styles/ribbon/bootstrap-dark.css

@@ -2311,7 +2311,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
   font-size: 14px;
   line-height: 22px;
-  padding: 9px 0 9px 12px;
+  padding: 9px 0 9px 8px;
   height: auto;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,

package/styles/ribbon/bootstrap.css

@@ -2313,7 +2313,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
   font-size: 14px;
   line-height: 22px;
-  padding: 9px 0 9px 12px;
+  padding: 9px 0 9px 8px;
   height: auto;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,

package/styles/ribbon/bootstrap5-dark.css

@@ -784,7 +784,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  max-width: 10ch;
+  max-width: 12ch;
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;
@@ -2432,7 +2432,7 @@
   font-size: 14px;
   line-height: 18px;
   padding: 0 5px;
-  max-width: 10ch;
+  max-width: 12ch;
 }
 .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
 .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),

package/styles/ribbon/bootstrap5.3.css

@@ -613,7 +613,7 @@
   line-height: 12px;
   height: auto;
   min-height: auto;
-  padding: 7px 6px 7px 13px;
+  padding: 7px 4px 7px 2px;
   margin: 0;
   border: none;
   min-width: auto;
@@ -2399,7 +2399,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
   font-size: 12px;
   line-height: 12px;
-  padding: 11px 8px 11px 2px;
+  padding: 11px 4px 11px 2px;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
 .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,

package/styles/ribbon/bootstrap5.css

@@ -784,7 +784,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  max-width: 10ch;
+  max-width: 12ch;
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;
@@ -2432,7 +2432,7 @@
   font-size: 14px;
   line-height: 18px;
   padding: 0 5px;
-  max-width: 10ch;
+  max-width: 12ch;
 }
 .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
 .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),

package/styles/ribbon/fabric-dark.css

@@ -501,7 +501,7 @@
   line-height: 22px;
   height: auto;
   min-height: auto;
-  padding: 5px 0 5px 12px;
+  padding: 5px 0 5px 8px;
 }
 .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
 .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
@@ -2287,7 +2287,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
   font-size: 14px;
   line-height: 22px;
-  padding: 9px 0 9px 13px;
+  padding: 9px 0 9px 8px;
   height: auto;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,

package/styles/ribbon/fabric.css

@@ -502,7 +502,7 @@
   line-height: 22px;
   height: auto;
   min-height: auto;
-  padding: 5px 0 5px 13px;
+  padding: 5px 0 5px 8px;
 }
 .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
 .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
@@ -2288,7 +2288,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
   font-size: 14px;
   line-height: 22px;
-  padding: 9px 0 9px 13px;
+  padding: 9px 0 9px 8px;
   height: auto;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,

package/styles/ribbon/fluent2.css

@@ -73,7 +73,7 @@
 
 .e-ddl.e-popup {
   border: 0;
-  border-radius: 8px;
+  border-radius: 4px;
   -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
           box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   margin-top: 4px;
@@ -640,7 +640,7 @@
   line-height: 18px;
   height: auto;
   min-height: auto;
-  padding: 6px 0 6px 10px;
+  padding: 6px 0 6px 8px;
 }
 .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
 .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
@@ -649,7 +649,7 @@
   line-height: 14px;
   height: auto;
   min-height: auto;
-  padding: 8px 9px;
+  padding: 6px 4px 6px 2px;
   margin: 0;
   border: none;
   min-width: auto;
@@ -824,7 +824,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  max-width: 11ch;
+  max-width: 12ch;
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;
@@ -1510,7 +1510,7 @@
 }
 .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
   padding: 0;
-  margin: 2px 12px 2px 2px;
+  margin: 7px 8px 9px 12px;
 }
 
 .e-ribbon-tooltip .e-tip-content {
@@ -2512,7 +2512,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
   font-size: 16px;
   line-height: 22px;
-  padding: 9px 0 9px 12px;
+  padding: 9px 0 9px 8px;
   height: auto;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
@@ -2521,7 +2521,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
   font-size: 18px;
   line-height: 18px;
-  padding: 11px 12px;
+  padding: 8px 2px;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
 .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,

package/styles/ribbon/highcontrast-light.css

@@ -518,7 +518,7 @@
   line-height: 22px;
   height: auto;
   min-height: auto;
-  padding: 7px 0 7px 12px;
+  padding: 7px 0 7px 8px;
 }
 .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
 .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
@@ -702,7 +702,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  max-width: 10ch;
+  max-width: 12ch;
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;
@@ -2304,7 +2304,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
   font-size: 14px;
   line-height: 22px;
-  padding: 9px 0 9px 12px;
+  padding: 9px 0 9px 8px;
   height: auto;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
@@ -2350,7 +2350,7 @@
   font-size: 16px;
   line-height: 24px;
   padding: 0 5px;
-  max-width: 10ch;
+  max-width: 12ch;
 }
 .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
 .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),

package/styles/ribbon/highcontrast.css

@@ -523,7 +523,7 @@
   line-height: 22px;
   height: auto;
   min-height: auto;
-  padding: 7px 0 7px 12px;
+  padding: 7px 0 7px 8px;
 }
 .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
 .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
@@ -707,7 +707,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  max-width: 10ch;
+  max-width: 12ch;
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;
@@ -2309,7 +2309,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
   font-size: 14px;
   line-height: 22px;
-  padding: 9px 0 9px 12px;
+  padding: 9px 0 9px 8px;
   height: auto;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
@@ -2355,7 +2355,7 @@
   font-size: 16px;
   line-height: 24px;
   padding: 0 5px;
-  max-width: 10ch;
+  max-width: 12ch;
 }
 .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
 .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),

package/styles/ribbon/material-dark.css

@@ -2447,7 +2447,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
   font-size: 14px;
   line-height: 22px;
-  padding: 7px 0 7px 13px;
+  padding: 7px 0 7px 8px;
   height: auto;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,

package/styles/ribbon/material.css

@@ -675,7 +675,7 @@
   line-height: 12px;
   height: auto;
   min-height: auto;
-  padding: 11px 1px 9px 2px;
+  padding: 8px 3px 8px 2px;
   margin: 0;
   border: none;
   min-width: auto;
@@ -2453,7 +2453,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
   font-size: 14px;
   line-height: 22px;
-  padding: 7px 0 7px 13px;
+  padding: 7px 0 7px 8px;
   height: auto;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,

package/styles/ribbon/material3-dark.css

@@ -596,7 +596,7 @@
   line-height: 16px;
   height: auto;
   min-height: auto;
-  padding: 4px;
+  padding: 4px 4px 4px 2px;
   margin: 0;
   border: none;
   min-width: auto;
@@ -2398,7 +2398,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
   font-size: 16px;
   line-height: 16px;
-  padding: 10px 10px 10px 2px;
+  padding: 10px 4px 10px 2px;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
 .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,

package/styles/ribbon/material3.css

@@ -598,7 +598,7 @@
   line-height: 16px;
   height: auto;
   min-height: auto;
-  padding: 4px;
+  padding: 4px 4px 4px 2px;
   margin: 0;
   border: none;
   min-width: auto;
@@ -2400,7 +2400,7 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
   font-size: 16px;
   line-height: 16px;
-  padding: 10px 10px 10px 2px;
+  padding: 10px 4px 10px 2px;
 }
 .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
 .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,