diff --git a/core/themes/claro/css/base/variables.css b/core/themes/claro/css/base/variables.css
index 3ce4498c50..5d4b8cde99 100644
--- a/core/themes/claro/css/base/variables.css
+++ b/core/themes/claro/css/base/variables.css
@@ -18,7 +18,7 @@
    */ /* 18px */ /* 1rem = 16px if font root is 100% ands browser defaults are used. */ /* ~32px */ /* ~29px */ /* ~26px */ /* ~23px */ /* ~20px */ /* 18px */ /* ~14px */ /* ~13px */ /* ~11px */
   /**
    * Spaces.
-   */ /* 3 * 16px = 48px */ /* 1.5 * 16px = 24px */ /* 2 * 16px = 32px */ /* 1 * 16px = 16px */ /* 0.75 * 16px = 12px */ /* 0.5 * 16px = 8px */
+   */ /* 3 * 16px = 48px */ /* 2 * 16px = 32px */ /* 1.5 * 16px = 24px */ /* 1 * 16px = 16px */ /* 0.75 * 16px = 12px */ /* 0.5 * 16px = 8px */
   /*
    * Common.
    */
diff --git a/core/themes/claro/css/base/variables.pcss.css b/core/themes/claro/css/base/variables.pcss.css
index 1c5ef83bde..1e2bcf1f09 100644
--- a/core/themes/claro/css/base/variables.pcss.css
+++ b/core/themes/claro/css/base/variables.pcss.css
@@ -64,8 +64,8 @@
    * Spaces.
    */
   --space-xl: 3rem; /* 3 * 16px = 48px */
-  --space-l: 1.5rem; /* 1.5 * 16px = 24px */
   --space-xm: 2rem; /* 2 * 16px = 32px */
+  --space-l: 1.5rem; /* 1.5 * 16px = 24px */
   --space-m: 1rem; /* 1 * 16px = 16px */
   --space-s: 0.75rem; /* 0.75 * 16px = 12px */
   --space-xs: 0.5rem; /* 0.5 * 16px = 8px */
diff --git a/core/themes/claro/css/components/tabs.css b/core/themes/claro/css/components/tabs.css
index cad612830a..f35e4a3d82 100644
--- a/core/themes/claro/css/components/tabs.css
+++ b/core/themes/claro/css/components/tabs.css
@@ -15,7 +15,7 @@
   */ /* 48px */ /* 40px */
 }
 
-#block-claro-primary-local-tasks {
+.block-local-tasks-block {
   margin-left: -2rem;
 }
 
diff --git a/core/themes/claro/css/components/tabs.pcss.css b/core/themes/claro/css/components/tabs.pcss.css
index a7b4466c4b..b0e2a1fb89 100644
--- a/core/themes/claro/css/components/tabs.pcss.css
+++ b/core/themes/claro/css/components/tabs.pcss.css
@@ -20,8 +20,8 @@
   --tabs--hover-bg-color: #e6ecf8;
 }
 
-#block-claro-primary-local-tasks {
-  margin-left: -2rem;
+.block-local-tasks-block {
+  margin-left: calc(var(--space-m) * -2);
 }
 
 .tabs-wrapper > nav {
diff --git a/core/themes/claro/css/components/views-ui.css b/core/themes/claro/css/components/views-ui.css
index 54db6acc0e..e86fd98e1d 100644
--- a/core/themes/claro/css/components/views-ui.css
+++ b/core/themes/claro/css/components/views-ui.css
@@ -26,7 +26,7 @@ details.fieldset-no-legend {
 
 /* @group View table
  *
- * Fixes checkbox alignement with respect to other elements.
+ * Fixes checkbox alignment with respect to other elements.
  */
 
 .views-table .form-checkbox {
diff --git a/core/themes/claro/css/components/views-ui.pcss.css b/core/themes/claro/css/components/views-ui.pcss.css
index 635db389b6..c42e6ec6b5 100644
--- a/core/themes/claro/css/components/views-ui.pcss.css
+++ b/core/themes/claro/css/components/views-ui.pcss.css
@@ -20,7 +20,7 @@ details.fieldset-no-legend {
 
 /* @group View table
  *
- * Fixes checkbox alignement with respect to other elements.
+ * Fixes checkbox alignment with respect to other elements.
  */
 .views-table .form-checkbox {
   margin-left: 0.5rem;