fix(Chip): correct spacing between chips in vertical mode

ISSUES CLOSED: #1803
GetTerminus · Dec 5, 2019 · 0688371 · 0688371
1 parent c7a290a
commit 0688371
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/terminus-ui/chip/src/chip-collection.component.scss b/terminus-ui/chip/src/chip-collection.component.scss
@@ -2,6 +2,7 @@
 
 
 .ts-chip-collection {
+  --chip-vertical-margin: #{spacing(small, 2)};
   display: block;
 
   &--vertical {
@@ -11,6 +12,10 @@
       align-items: flex-start;
       flex-direction: column;
     }
+
+    .ts-chip {
+      margin-bottom: var(--chip-vertical-margin);
+    }
   }
 }