3 files changed, 13 insertions, 13 deletions

diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss
index b28eea2..fcc4837 100644
--- a/src/layouts/_container.scss
+++ b/src/layouts/_container.scss
@@ -29,9 +29,9 @@
     @include iro.bem-layout(iro.props-namespace()) {
         @each $size in 'narrow-125' 'narrow' 'narrow-75' {
             @include iro.bem-modifier($size) {
-                max-width:    fn.dim(--#{$size});
-                margin-right: auto;
-                margin-left:  auto;
+                max-inline-size: fn.dim(--#{$size});
+                margin-right:    auto;
+                margin-left:     auto;
             }
         }
 
diff --git a/src/layouts/_media.scss b/src/layouts/_media.scss
index fa90975..953c8c0 100644
--- a/src/layouts/_media.scss
+++ b/src/layouts/_media.scss
@@ -62,9 +62,9 @@
             flex: 0 0 auto;
 
             @include iro.bem-modifier('main') {
-                flex-shrink: 1;
-                width:       100%;
-                min-width:   0;
+                flex-shrink:     1;
+                inline-size:     100%;
+                min-inline-size: 0;
             }
         }
     }
diff --git a/src/layouts/_message-group.scss b/src/layouts/_message-group.scss
index f977b61..235e242 100644
--- a/src/layouts/_message-group.scss
+++ b/src/layouts/_message-group.scss
@@ -26,16 +26,16 @@
         gap:                   0 fn.dim(--spacing-x);
         
         @include iro.bem-elem('avatar') {
-            grid-area: avatar;
-            height:    0;
+            grid-area:  avatar;
+            block-size: 0;
         }
         
         @include iro.bem-elem('message') {
-            grid-column: message;
-            position:    relative;
-            box-sizing:  border-box;
-            min-width:   0;
-            max-width:   100%;
+            grid-column:     message;
+            position:        relative;
+            box-sizing:      border-box;
+            min-inline-size: 0;
+            max-inline-size: 100%;
 
             &::before {
                 content:             '';