update chips example codes

2 files changed, 8 insertions, 2 deletions

diff --git a/src/buttons.less b/src/buttons.less
index 32525b7..e2db1e1 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -128,8 +128,8 @@ button {
 
   // Button Clear
   &.btn-clear {
-    width: 1.6rem;
-    height: 1.6rem;
+    width: 1.4rem;
+    height: 1.4rem;
     padding: 0;
     margin: .1rem -.2rem .1rem .2rem;
     border: 0;
diff --git a/src/chips.less b/src/chips.less
index 9c906a8..aa3027b 100644
--- a/src/chips.less
+++ b/src/chips.less
@@ -4,6 +4,7 @@
   padding: .3rem .6rem;
   border-radius: .3rem;
   font-size: 1.2rem;
+  vertical-align: middle;
   align-items: center;
   background-color: @core-border-color;
   border: 1px solid darken(@core-border-color, 5%);
@@ -11,4 +12,9 @@
   .chip-name {
     margin-left: .4rem;
   }
+
+  &:hover,
+  &:focus {
+    background-color: darken(@core-border-color, 2%);
+  }
 }
\ No newline at end of file