@syncfusion/blazor-themes 28.2.9 → 28.2.12

package/SCSS-Themes/bds-dark.scss

@@ -7329,7 +7329,7 @@ $input-error-text-color:$danger !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }
 
@@ -53316,42 +53316,26 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           border-color: $tbar-btn-focus-border-color;
           border-style: $tbar-border-nav-type;
           border-width: $tbar-btn-hover-border-size;
-
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            box-shadow: none;
-          }
-          @else {
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-          }
-
+          box-shadow: $tbar-ext-btn-focus-box-shadow;
+          
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
+              color: $tbar-default-icon-color;
+            }
           }
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
-            
             @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
               color: $tbar-btn-icons-focus-color;
             }
-          }
-        }
-
-        @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-          &:focus-visible {
-            background: $tbar-default-bg;
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-
-            .e-icons {
-              color: $tbar-default-icon-color;
-            }
-
-            .e-tbar-btn-text {
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               color: $tbar-default-font;
             }
           }
         }
-  
+
         &:hover {
           background: $tbar-hover-bg;
           border-color: $tbar-hover-border-color;
@@ -53574,27 +53558,9 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
             border-color: $tbar-btn-focus-border-color;
             border-style: $tbar-border-nav-type;
             border-width: $tbar-popup-btn-hover-border-size;
-
-            @if ($skin-name == 'fluent2' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3') {
-              box-shadow: none;
-            }
-            @else {
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
-            }
-
-            @if $skin-name == 'bootstrap5.3' {
-              .e-tbar-btn-text,
-              .e-icons.e-btn-icon {
-                color: $tbar-btn-active-icons-color;
-              }
-            }
-          }
-
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            &:focus-visible {
-              background: $tbar-popup-btn-focus-bg;
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
-
+            box-shadow: $tbar-popup-btn-focus-box-shadow;
+            
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               .e-icons {
                 color: $tbar-popup-nav-hover-icons-color;
               }
@@ -53603,6 +53569,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
                 color: $tbar-popup-btn-text-focus-color;
               }
             }
+            @if $skin-name == 'bootstrap5.3' {
+              .e-tbar-btn-text,
+              .e-icons.e-btn-icon {
+                color: $tbar-btn-active-icons-color;
+              }
+            }
           }
         }
 
@@ -53633,26 +53605,9 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-btn-focus-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
-
+              box-shadow: $tbar-ext-btn-focus-box-shadow;
+              
               @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-                box-shadow: none;
-              }
-              @else {
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
-              }
-              @if $skin-name == 'bootstrap5.3' {
-                .e-tbar-btn-text,
-                .e-icons.e-btn-icon {
-                  color: $tbar-default-icon-color;
-                }
-              }
-            }
-
-            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-              &:focus-visible {
-                background: $tbar-default-bg;
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
-
                 .e-icons {
                   color: $tbar-default-icon-color;
                 }
@@ -53661,8 +53616,14 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
                   color: $tbar-default-font;
                 }
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
-  
+
             &:hover {
               background: $tbar-hover-bg;
               border-radius: $tbar-btn-border-radius;
@@ -83197,7 +83158,7 @@ $grid-xlfl-skin: $skin-name !default;
     .e-dlg-content {
       overflow: visible;
       padding: 0;
-      @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark' {
+      @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark' or $theme-name == 'fluent-dark' {
         background: unset;
       }
     }
@@ -88174,8 +88135,7 @@ $grid-checkmark-color: $primary !default;
         border-left: $grid-freezeline-border $grid-freezeline-right-border;
       }
 
-      .e-rowcell.e-freezeline,
-      .e-gridheader .e-filterbarcell.e-freezeline {
+      .e-rowcell.e-freezeline {
         position: relative;
       }
 
@@ -99413,7 +99373,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       bottom: 0;
       color: $rte-default-character-count-color;
       font-size: 14px;
-      margin-right: 30px;
+      margin-right: 10px;
       opacity: $rte-default-character-count-opacity;
       padding-bottom: 2px;
       position: absolute;

package/SCSS-Themes/bds-lite.scss

@@ -6790,7 +6790,7 @@ $input-error-text-color:$danger !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }
 
@@ -39367,42 +39367,26 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           border-color: $tbar-btn-focus-border-color;
           border-style: $tbar-border-nav-type;
           border-width: $tbar-btn-hover-border-size;
-
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            box-shadow: none;
-          }
-          @else {
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-          }
-
+          box-shadow: $tbar-ext-btn-focus-box-shadow;
+          
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
+              color: $tbar-default-icon-color;
+            }
           }
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
-            
             @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
               color: $tbar-btn-icons-focus-color;
             }
-          }
-        }
-
-        @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-          &:focus-visible {
-            background: $tbar-default-bg;
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-
-            .e-icons {
-              color: $tbar-default-icon-color;
-            }
-
-            .e-tbar-btn-text {
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               color: $tbar-default-font;
             }
           }
         }
-  
+
         &:hover {
           background: $tbar-hover-bg;
           border-color: $tbar-hover-border-color;
@@ -39625,27 +39609,9 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
             border-color: $tbar-btn-focus-border-color;
             border-style: $tbar-border-nav-type;
             border-width: $tbar-popup-btn-hover-border-size;
-
-            @if ($skin-name == 'fluent2' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3') {
-              box-shadow: none;
-            }
-            @else {
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
-            }
-
-            @if $skin-name == 'bootstrap5.3' {
-              .e-tbar-btn-text,
-              .e-icons.e-btn-icon {
-                color: $tbar-btn-active-icons-color;
-              }
-            }
-          }
-
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            &:focus-visible {
-              background: $tbar-popup-btn-focus-bg;
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
-
+            box-shadow: $tbar-popup-btn-focus-box-shadow;
+            
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               .e-icons {
                 color: $tbar-popup-nav-hover-icons-color;
               }
@@ -39654,6 +39620,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
                 color: $tbar-popup-btn-text-focus-color;
               }
             }
+            @if $skin-name == 'bootstrap5.3' {
+              .e-tbar-btn-text,
+              .e-icons.e-btn-icon {
+                color: $tbar-btn-active-icons-color;
+              }
+            }
           }
         }
 
@@ -39684,26 +39656,9 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-btn-focus-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
-
+              box-shadow: $tbar-ext-btn-focus-box-shadow;
+              
               @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-                box-shadow: none;
-              }
-              @else {
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
-              }
-              @if $skin-name == 'bootstrap5.3' {
-                .e-tbar-btn-text,
-                .e-icons.e-btn-icon {
-                  color: $tbar-default-icon-color;
-                }
-              }
-            }
-
-            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-              &:focus-visible {
-                background: $tbar-default-bg;
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
-
                 .e-icons {
                   color: $tbar-default-icon-color;
                 }
@@ -39712,8 +39667,14 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
                   color: $tbar-default-font;
                 }
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
-  
+
             &:hover {
               background: $tbar-hover-bg;
               border-radius: $tbar-btn-border-radius;
@@ -61504,7 +61465,7 @@ $grid-xlfl-skin: $skin-name !default;
     .e-dlg-content {
       overflow: visible;
       padding: 0;
-      @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark' {
+      @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark' or $theme-name == 'fluent-dark' {
         background: unset;
       }
     }
@@ -66265,8 +66226,7 @@ $grid-checkmark-color: $primary !default;
         border-left: $grid-freezeline-border $grid-freezeline-right-border;
       }
 
-      .e-rowcell.e-freezeline,
-      .e-gridheader .e-filterbarcell.e-freezeline {
+      .e-rowcell.e-freezeline {
         position: relative;
       }
 
@@ -73908,7 +73868,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       bottom: 0;
       color: $rte-default-character-count-color;
       font-size: 14px;
-      margin-right: 30px;
+      margin-right: 10px;
       opacity: $rte-default-character-count-opacity;
       padding-bottom: 2px;
       position: absolute;

package/SCSS-Themes/bds.scss

@@ -7624,7 +7624,7 @@ $input-error-text-color:$danger !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }
 
@@ -53611,42 +53611,26 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           border-color: $tbar-btn-focus-border-color;
           border-style: $tbar-border-nav-type;
           border-width: $tbar-btn-hover-border-size;
-
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            box-shadow: none;
-          }
-          @else {
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-          }
-
+          box-shadow: $tbar-ext-btn-focus-box-shadow;
+          
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
+              color: $tbar-default-icon-color;
+            }
           }
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
-            
             @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
               color: $tbar-btn-icons-focus-color;
             }
-          }
-        }
-
-        @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-          &:focus-visible {
-            background: $tbar-default-bg;
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-
-            .e-icons {
-              color: $tbar-default-icon-color;
-            }
-
-            .e-tbar-btn-text {
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               color: $tbar-default-font;
             }
           }
         }
-  
+
         &:hover {
           background: $tbar-hover-bg;
           border-color: $tbar-hover-border-color;
@@ -53869,27 +53853,9 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
             border-color: $tbar-btn-focus-border-color;
             border-style: $tbar-border-nav-type;
             border-width: $tbar-popup-btn-hover-border-size;
-
-            @if ($skin-name == 'fluent2' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3') {
-              box-shadow: none;
-            }
-            @else {
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
-            }
-
-            @if $skin-name == 'bootstrap5.3' {
-              .e-tbar-btn-text,
-              .e-icons.e-btn-icon {
-                color: $tbar-btn-active-icons-color;
-              }
-            }
-          }
-
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            &:focus-visible {
-              background: $tbar-popup-btn-focus-bg;
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
-
+            box-shadow: $tbar-popup-btn-focus-box-shadow;
+            
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               .e-icons {
                 color: $tbar-popup-nav-hover-icons-color;
               }
@@ -53898,6 +53864,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
                 color: $tbar-popup-btn-text-focus-color;
               }
             }
+            @if $skin-name == 'bootstrap5.3' {
+              .e-tbar-btn-text,
+              .e-icons.e-btn-icon {
+                color: $tbar-btn-active-icons-color;
+              }
+            }
           }
         }
 
@@ -53928,26 +53900,9 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-btn-focus-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
-
+              box-shadow: $tbar-ext-btn-focus-box-shadow;
+              
               @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-                box-shadow: none;
-              }
-              @else {
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
-              }
-              @if $skin-name == 'bootstrap5.3' {
-                .e-tbar-btn-text,
-                .e-icons.e-btn-icon {
-                  color: $tbar-default-icon-color;
-                }
-              }
-            }
-
-            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-              &:focus-visible {
-                background: $tbar-default-bg;
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
-
                 .e-icons {
                   color: $tbar-default-icon-color;
                 }
@@ -53956,8 +53911,14 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
                   color: $tbar-default-font;
                 }
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
-  
+
             &:hover {
               background: $tbar-hover-bg;
               border-radius: $tbar-btn-border-radius;
@@ -83492,7 +83453,7 @@ $grid-xlfl-skin: $skin-name !default;
     .e-dlg-content {
       overflow: visible;
       padding: 0;
-      @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark' {
+      @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark' or $theme-name == 'fluent-dark' {
         background: unset;
       }
     }
@@ -88469,8 +88430,7 @@ $grid-checkmark-color: $primary !default;
         border-left: $grid-freezeline-border $grid-freezeline-right-border;
       }
 
-      .e-rowcell.e-freezeline,
-      .e-gridheader .e-filterbarcell.e-freezeline {
+      .e-rowcell.e-freezeline {
         position: relative;
       }
 
@@ -99708,7 +99668,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       bottom: 0;
       color: $rte-default-character-count-color;
       font-size: 14px;
-      margin-right: 30px;
+      margin-right: 10px;
       opacity: $rte-default-character-count-opacity;
       padding-bottom: 2px;
       position: absolute;

package/SCSS-Themes/bootstrap-dark-lite.scss

@@ -5645,7 +5645,7 @@ $float-label-rtl-value: -7px !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }
 
@@ -37784,42 +37784,26 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           border-color: $tbar-btn-focus-border-color;
           border-style: $tbar-border-nav-type;
           border-width: $tbar-btn-hover-border-size;
-
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            box-shadow: none;
-          }
-          @else {
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-          }
-
+          box-shadow: $tbar-ext-btn-focus-box-shadow;
+          
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
+              color: $tbar-default-icon-color;
+            }
           }
   
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
-            
             @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
               color: $tbar-btn-icons-focus-color;
             }
-          }
-        }
-
-        @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-          &:focus-visible {
-            background: $tbar-default-bg;
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-
-            .e-icons {
-              color: $tbar-default-icon-color;
-            }
-
-            .e-tbar-btn-text {
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               color: $tbar-default-font;
             }
           }
         }
-  
+
         &:hover {
           background: $tbar-hover-bg;
           border-color: $tbar-hover-border-color;
@@ -38042,27 +38026,9 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
             border-color: $tbar-btn-focus-border-color;
             border-style: $tbar-border-nav-type;
             border-width: $tbar-popup-btn-hover-border-size;
-
-            @if ($skin-name == 'fluent2' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3') {
-              box-shadow: none;
-            }
-            @else {
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
-            }
-
-            @if $skin-name == 'bootstrap5.3' {
-              .e-tbar-btn-text,
-              .e-icons.e-btn-icon {
-                color: $tbar-btn-active-icons-color;
-              }
-            }
-          }
-
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            &:focus-visible {
-              background: $tbar-popup-btn-focus-bg;
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
-
+            box-shadow: $tbar-popup-btn-focus-box-shadow;
+            
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               .e-icons {
                 color: $tbar-popup-nav-hover-icons-color;
               }
@@ -38071,6 +38037,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
                 color: $tbar-popup-btn-text-focus-color;
               }
             }
+            @if $skin-name == 'bootstrap5.3' {
+              .e-tbar-btn-text,
+              .e-icons.e-btn-icon {
+                color: $tbar-btn-active-icons-color;
+              }
+            }
           }
         }
 
@@ -38101,26 +38073,9 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-btn-focus-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
-
+              box-shadow: $tbar-ext-btn-focus-box-shadow;
+              
               @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-                box-shadow: none;
-              }
-              @else {
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
-              }
-              @if $skin-name == 'bootstrap5.3' {
-                .e-tbar-btn-text,
-                .e-icons.e-btn-icon {
-                  color: $tbar-default-icon-color;
-                }
-              }
-            }
-
-            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-              &:focus-visible {
-                background: $tbar-default-bg;
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
-
                 .e-icons {
                   color: $tbar-default-icon-color;
                 }
@@ -38129,8 +38084,14 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
                   color: $tbar-default-font;
                 }
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
-  
+
             &:hover {
               background: $tbar-hover-bg;
               border-radius: $tbar-btn-border-radius;
@@ -59699,7 +59660,7 @@ $grid-xlfl-skin: 'bootstrap' !default;
     .e-dlg-content {
       overflow: visible;
       padding: 0;
-      @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark' {
+      @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark' or $theme-name == 'fluent-dark' {
         background: unset;
       }
     }
@@ -64451,8 +64412,7 @@ $grid-checkmark-color: $grey-light-font !default;
         border-left: $grid-freezeline-border $grid-freezeline-right-border;
       }
 
-      .e-rowcell.e-freezeline,
-      .e-gridheader .e-filterbarcell.e-freezeline {
+      .e-rowcell.e-freezeline {
         position: relative;
       }
 
@@ -72128,7 +72088,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       bottom: 0;
       color: $rte-default-character-count-color;
       font-size: 14px;
-      margin-right: 30px;
+      margin-right: 10px;
       opacity: $rte-default-character-count-opacity;
       padding-bottom: 2px;
       position: absolute;