diff --git a/scss/_breadcrumb.scss b/scss/_breadcrumb.scss
index b8252ff2152a..345344f06756 100644
--- a/scss/_breadcrumb.scss
+++ b/scss/_breadcrumb.scss
@@ -16,7 +16,7 @@
   padding: var(--#{$prefix}breadcrumb-padding-y) var(--#{$prefix}breadcrumb-padding-x);
   margin-bottom: var(--#{$prefix}breadcrumb-margin-bottom);
   @include font-size(var(--#{$prefix}breadcrumb-font-size));
-  list-style: none;
+  list-style-type: "";
   background-color: var(--#{$prefix}breadcrumb-bg);
   @include border-radius(var(--#{$prefix}breadcrumb-border-radius));
 }
diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
index 587ebb487cf4..42da4d18014c 100644
--- a/scss/_dropdown.scss
+++ b/scss/_dropdown.scss
@@ -55,7 +55,7 @@
   @include font-size(var(--#{$prefix}dropdown-font-size));
   color: var(--#{$prefix}dropdown-color);
   text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
-  list-style: none;
+  list-style-type: "";
   background-color: var(--#{$prefix}dropdown-bg);
   background-clip: padding-box;
   border: var(--#{$prefix}dropdown-border-width) solid var(--#{$prefix}dropdown-border-color);
diff --git a/scss/_list-group.scss b/scss/_list-group.scss
index 3bdff679ad4a..ec5b1b0f6bae 100644
--- a/scss/_list-group.scss
+++ b/scss/_list-group.scss
@@ -26,7 +26,7 @@
   display: flex;
   flex-direction: column;
 
-  // No need to set list-style: none; since .list-group-item is block level
+  // No need to set list-style-type: ""; since .list-group-item is block level
   padding-left: 0; // reset padding because ul and ol
   margin-bottom: 0;
   @include border-radius(var(--#{$prefix}list-group-border-radius));
diff --git a/scss/_nav.scss b/scss/_nav.scss
index 96fa528908ad..c77a2f278587 100644
--- a/scss/_nav.scss
+++ b/scss/_nav.scss
@@ -18,7 +18,7 @@
   flex-wrap: wrap;
   padding-left: 0;
   margin-bottom: 0;
-  list-style: none;
+  list-style-type: "";
 }
 
 .nav-link {
diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index 86aa441eb6e3..3ba9d20ed76c 100644
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -98,7 +98,7 @@
   flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
   padding-left: 0;
   margin-bottom: 0;
-  list-style: none;
+  list-style-type: "";
 
   .nav-link {
     &.active,
diff --git a/scss/mixins/_lists.scss b/scss/mixins/_lists.scss
index 251856266983..541deb88a895 100644
--- a/scss/mixins/_lists.scss
+++ b/scss/mixins/_lists.scss
@@ -3,5 +3,5 @@
 // Unstyled keeps list items block level, just removes default browser padding and list-style
 @mixin list-unstyled {
   padding-left: 0;
-  list-style: none;
+  list-style-type: "";
 }
diff --git a/site/src/scss/_toc.scss b/site/src/scss/_toc.scss
index 7b840ab7437b..fad3e7a29bb7 100644
--- a/site/src/scss/_toc.scss
+++ b/site/src/scss/_toc.scss
@@ -19,7 +19,7 @@
     ul {
       padding-left: 0;
       margin-bottom: 0;
-      list-style: none;
+      list-style-type: "";
 
       ul {
         padding-left: 1rem;