From c304f3f626267e9abee7483f8e4fcf6026ddbadf Mon Sep 17 00:00:00 2001
From: vicky-comeau <vicky.comeau@gsoft.com>
Date: Mon, 15 Jul 2024 10:52:41 -0400
Subject: [PATCH] Fix: [DS-232] ListBox background color and Divider issues

---
 packages/components/src/Divider/src/Divider.module.css | 2 +-
 packages/components/src/ListBox/src/ListBox.module.css | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/Divider/src/Divider.module.css b/packages/components/src/Divider/src/Divider.module.css
index 77b3562a6..53f73a2ad 100644
--- a/packages/components/src/Divider/src/Divider.module.css
+++ b/packages/components/src/Divider/src/Divider.module.css
@@ -1,4 +1,4 @@
-.hop-Divider {
+:where(.hop-Divider) {
     --hop-Divider-border-color: var(--hop-neutral-border-weak);
     --hop-Divider-border-size: 0.0625rem;
 
diff --git a/packages/components/src/ListBox/src/ListBox.module.css b/packages/components/src/ListBox/src/ListBox.module.css
index 8aad243cc..6483104d8 100644
--- a/packages/components/src/ListBox/src/ListBox.module.css
+++ b/packages/components/src/ListBox/src/ListBox.module.css
@@ -56,6 +56,7 @@
     padding-block: var(--hop-ListBox-padding-block);
     padding-inline: var(--hop-ListBox-padding-inline);
 
+    background-color: var(--hop-ListBox-background-color);
     border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
     border-radius: var(--hop-ListBox-border-radius);
 }