diff --git a/core/themes/claro/css/components/details.css b/core/themes/claro/css/components/details.css
index a0f52638fe..5090c8e68c 100644
--- a/core/themes/claro/css/components/details.css
+++ b/core/themes/claro/css/components/details.css
@@ -419,7 +419,7 @@ td .claro-details {
 
 /* @see Drupal.behaviors.verticalTabs */
 
-@media screen and (min-width: 40rem) {
+@media screen and (min-width: 40.0625rem) {
   .claro-details__wrapper {
     margin: var(--space-l) var(--details-desktop-wrapper-padding-start);
   }
diff --git a/core/themes/claro/css/components/details.pcss.css b/core/themes/claro/css/components/details.pcss.css
index 0099738506..9a94533343 100644
--- a/core/themes/claro/css/components/details.pcss.css
+++ b/core/themes/claro/css/components/details.pcss.css
@@ -392,7 +392,7 @@
 }
 
 /* @see Drupal.behaviors.verticalTabs */
-@media screen and (min-width: 640px) {
+@media screen and (min-width: 641px) {
   .claro-details__wrapper {
     margin: var(--space-l) var(--details-desktop-wrapper-padding-start);
   }