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;