From b8c2fffab447ac47c2e4fedab07cafc33b1fe2d9 Mon Sep 17 00:00:00 2001
From: Jose Carcamo <138070439+josercarcamo@users.noreply.github.com>
Date: Mon, 24 Jun 2024 13:45:27 -0700
Subject: [PATCH] fix(list-item): improve list item outline (#9675)

**Related Issue:** #7538

## Summary
Improves outline around list item.
---
 .../src/components/combobox-item/combobox-item.scss          | 2 +-
 .../src/components/list-item/list-item.scss                  | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/packages/calcite-components/src/components/combobox-item/combobox-item.scss b/packages/calcite-components/src/components/combobox-item/combobox-item.scss
index 2a705fa366f..9c10946cbdd 100644
--- a/packages/calcite-components/src/components/combobox-item/combobox-item.scss
+++ b/packages/calcite-components/src/components/combobox-item/combobox-item.scss
@@ -117,7 +117,7 @@ ul:focus {
   min-inline-size: var(--calcite-combobox-item-selector-icon-size);
 }
 
-.icon--dot:before {
+.icon--dot::before {
   text-align: start;
   content: "\2022";
 }
diff --git a/packages/calcite-components/src/components/list-item/list-item.scss b/packages/calcite-components/src/components/list-item/list-item.scss
index 335f16c4a0d..3866913621f 100755
--- a/packages/calcite-components/src/components/list-item/list-item.scss
+++ b/packages/calcite-components/src/components/list-item/list-item.scss
@@ -85,8 +85,7 @@ tr {
 
 tr:focus,
 td:focus {
-  z-index: var(--calcite-app-z-index-sticky);
-  outline: 2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));
+  @apply focus-inset;
 }
 
 .content,
@@ -228,7 +227,7 @@ tr:focus {
   &::before {
     @apply absolute;
     content: "";
-    inline-size: theme("spacing[0]");
+    inline-size: theme("spacing[0.5]");
     z-index: theme("zIndex.header");
     background-color: theme("colors.brand");
     inset-block: 0;