From e2af902f4001e90fb2097d9eb412fcd1350bd768 Mon Sep 17 00:00:00 2001
From: Katie <katie.oh@safelite.com>
Date: Thu, 30 Jun 2022 08:58:21 -0400
Subject: [PATCH] CSR-343 Fix chip button CSS

---
 .../list-button-horizontal.vue                | 24 ++++++++++++-------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/ux-components/list-button-horizontal/list-button-horizontal.vue b/src/ux-components/list-button-horizontal/list-button-horizontal.vue
index dfd322cb3..e60d0d22c 100644
--- a/src/ux-components/list-button-horizontal/list-button-horizontal.vue
+++ b/src/ux-components/list-button-horizontal/list-button-horizontal.vue
@@ -223,18 +223,26 @@ export default {
     span {
       font-size: .875rem;
     }
-  }
+  }  
+}
+
+.col {
   &:first-of-type {
-    label {
-      border-bottom-left-radius: 0.5rem;
-      border-top-left-radius: 0.5rem;
-      z-index: 2;
+    .list-button-horizontal {
+      label {
+        border-bottom-left-radius: 0.5rem;
+        border-top-left-radius: 0.5rem;
+        z-index: 2;
+      }
     }
   }
+
   &:last-of-type {
-    label {
-      border-bottom-right-radius: 0.5rem;
-      border-top-right-radius: 0.5rem;
+    .list-button-horizontal {
+      label {
+        border-bottom-right-radius: 0.5rem;
+        border-top-right-radius: 0.5rem;
+      }
     }
   }
 }