2 files changed, 21 insertions, 1 deletions

diff --git a/tpl/objects/bubble-group.pug b/tpl/objects/bubble-group.pug
index 4fcb1a4..e22953d 100644
--- a/tpl/objects/bubble-group.pug
+++ b/tpl/objects/bubble-group.pug
@@ -14,4 +14,5 @@ mixin bubble-group(user)
     section(class=classes)
         .l-bubble-group__avatar.u-p-sticky-top
             +avatar= user.slice(0, 2)
-        block
+        .l-bubble-group__content
+            block
diff --git a/tpl/views/bubble-group.pug b/tpl/views/bubble-group.pug
index ce00067..dcdbe73 100644
--- a/tpl/views/bubble-group.pug
+++ b/tpl/views/bubble-group.pug
@@ -19,6 +19,25 @@ mixin view-bubble-group
                     +slot('time')= '12:39'
 
         .c-box.l-overflow(style='resize: vertical')
+            +bubble-group('Volpeon')(compact=true right=true)
+                strong= 'Volpeon'
+                +bubble()(compact=true class='l-bubble-group__bubble')
+                    +slot('body')= 'Compact bubbles test'
+                    +slot('time')= '12:34'
+                +bubble()(compact=true class='l-bubble-group__bubble')
+                    +slot('body')= loremIpsum
+                    +slot('time')= '12:35'
+                +bubble()(compact=true class='l-bubble-group__bubble')
+                    +slot('body')= 'qwertzuiop'
+                    +slot('time')= '12:36'
+                +bubble()(compact=true class='l-bubble-group__bubble')
+                    +slot('body')= '🐈️🦊️'
+                    +slot('time')= '12:38'
+                +bubble()(compact=true class='l-bubble-group__bubble')
+                    +slot('body')= loremIpsum
+                    +slot('time')= '12:39'
+
+        .c-box.l-overflow(style='resize: vertical')
             +bubble-group('Volpeon')
                 +bubble()(class='l-bubble-group__bubble')
                     +slot('header')