diff --git a/apps/client/src/widgets/Breadcrumb.css b/apps/client/src/widgets/Breadcrumb.css
index 03cad9f5a..24cb22009 100644
--- a/apps/client/src/widgets/Breadcrumb.css
+++ b/apps/client/src/widgets/Breadcrumb.css
@@ -6,13 +6,7 @@
     padding: 10px;
     container-type: inline-size;
 
-    @container (max-width: 500px) {
-        .breadcrumb {
-            .btn.icon-action {
-                width: 16px;
-            }
-        }
-
+    @container (max-width: 700px) {
         .breadcrumb-badges {
             flex-shrink: 0;
 
@@ -40,6 +34,14 @@
                 }
             }
         }
+    }
+
+    @container (max-width: 500px) {
+        .breadcrumb {
+            .btn.icon-action {
+                width: 16px;
+            }
+        }
 
         .icon-action {
             margin: 0;