Fix chip bug when content is too long #506

1 files changed, 5 insertions, 2 deletions

diff --git a/src/_chips.scss b/src/_chips.scss
index 1763567..377acdb 100644
--- a/src/_chips.scss
+++ b/src/_chips.scss
@@ -3,16 +3,19 @@
   align-items: center;
   background: $bg-color-dark;
   border-radius: 5rem;
-  color: $gray-color-dark;
+  color: $dark-color;
   display: inline-flex;
   font-size: 90%;
   height: $unit-6;
   line-height: $unit-4;
   margin: $unit-h;
-  max-width: 100%;
+  max-width: $control-width-sm;
+  overflow-x: hidden;
   padding: $unit-1 $unit-2;
   text-decoration: none;
+  text-overflow: ellipsis;
   vertical-align: middle;
+  white-space: nowrap;
 
   &.active {
     background: $primary-color;