Fix media object

sass/components/level.sass

@@ -1,6 +1,9 @@
 .level-item
   align-items: center
   display: flex
+  flex-basis: auto
+  flex-grow: 0
+  flex-shrink: 0
   justify-content: center
   .title,
   .subtitle
@@ -12,6 +15,9 @@
 
 .level-left,
 .level-right
+  flex-basis: auto
+  flex-grow: 0
+  flex-shrink: 0
   .level-item
     &:not(:last-child)
       margin-right: 0.75rem

sass/components/media.sass

@@ -1,15 +1,17 @@
 .media-left,
 .media-right
+  flex-basis: auto
   flex-grow: 0
   flex-shrink: 0
 
 .media-left
-  margin-right: 0.75rem
+  margin-right: 1rem
 
 .media-right
-  margin-left: 0.75rem
+  margin-left: 1rem
 
 .media-content
+  flex-basis: auto
   flex-grow: 1
   flex-shrink: 1
   text-align: left
@@ -19,7 +21,7 @@
   display: flex
   text-align: left
   .content:not(:last-child)
-    margin-bottom: 1rem
+    margin-bottom: 0.75rem
   .media
     border-top: 1px solid rgba($border, 0.5)
     display: flex