2 files changed, 20 insertions, 1 deletions

diff --git a/src/layouts/_media.scss b/src/layouts/_media.scss
index 61f3cda..d276d33 100644
--- a/src/layouts/_media.scss
+++ b/src/layouts/_media.scss
@@ -54,6 +54,10 @@
             gap: 0;
         }
 
+        @include iro.bem-modifier('wrap') {
+            flex-wrap: wrap;
+        }
+
         @include iro.bem-elem('block') {
             flex: 0 0 auto;
 
diff --git a/src/objects/_list-group.scss b/src/objects/_list-group.scss
index 1093ad8..d46722e 100644
--- a/src/objects/_list-group.scss
+++ b/src/objects/_list-group.scss
@@ -28,7 +28,9 @@
             padding: fn.dim(--pad-y) fn.dim(--pad-x);
 
             @include iro.bem-next-twin-elem {
-                border-top: 1px solid fn.color(--border);
+                border-width: 1px 0 0;
+                border-style: solid;
+                border-color: fn.color(--border);
             }
 
             @include iro.bem-multi('&:link, &:visited, &:enabled', 'modifier' 'interactive') {
@@ -41,5 +43,18 @@
                 }
             }
         }
+
+        @include iro.bem-modifier('horizontal') {
+            display: flex;
+
+            @include iro.bem-elem('item') {
+                flex: 1 0 auto;
+
+                @include iro.bem-next-twin-elem {
+                    border-top-width:  0;
+                    border-left-width: 1px;
+                }
+            }
+        }
     }
 }