diff --git a/core/themes/claro/css/theme/toolbar.icons.theme.css b/core/themes/claro/css/theme/toolbar.icons.theme.css
index 579e3198055f334a1fbb0b0460fb83f506c20b7f..ac70bec61064baf443609bebe4a31b5141812b2d 100644
--- a/core/themes/claro/css/theme/toolbar.icons.theme.css
+++ b/core/themes/claro/css/theme/toolbar.icons.theme.css
@@ -28,7 +28,7 @@
   top: 0;
   left: 0.6667em; /* LTR */
   display: block;
-  width: 1.25rem;
+  width: 1.538em;
   height: 100%;
   content: "";
   background-color: transparent;
@@ -226,7 +226,7 @@
   }
   .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon::before {
     left: 0.6667em; /* LTR */
-    width: 1.25rem;
+    width: 1.538em;
     background-size: 100% auto;
   }
   .no-svg .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon::before {
diff --git a/core/themes/claro/css/theme/toolbar.icons.theme.pcss.css b/core/themes/claro/css/theme/toolbar.icons.theme.pcss.css
index 68cf6d1e6ccce3799aa628644d356216924d29da..b7439a20456e65f7f22bbfb401488b350600dffb 100644
--- a/core/themes/claro/css/theme/toolbar.icons.theme.pcss.css
+++ b/core/themes/claro/css/theme/toolbar.icons.theme.pcss.css
@@ -19,7 +19,7 @@
   top: 0;
   left: 0.6667em; /* LTR */
   display: block;
-  width: 20px;
+  width: 1.538em;
   height: 100%;
   content: "";
   background-color: transparent;
@@ -187,7 +187,7 @@
   }
   .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon::before {
     left: 0.6667em; /* LTR */
-    width: 20px;
+    width: 1.538em;
     background-size: 100% auto;
   }
   .no-svg .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon::before {