diff --git a/packages/vuetify/src/components/VList/VListItem.sass b/packages/vuetify/src/components/VList/VListItem.sass
index 7a16ea93994..2ded92c63c8 100644
--- a/packages/vuetify/src/components/VList/VListItem.sass
+++ b/packages/vuetify/src/components/VList/VListItem.sass
@@ -124,3 +124,6 @@
   right: 0
   top: 0
   transition: opacity 0.2s ease-in-out
+
+  .v-list-item--active.v-list-item--contained &
+    --v-theme-overlay-multiplier: 0
diff --git a/packages/vuetify/src/components/VList/VListItem.tsx b/packages/vuetify/src/components/VList/VListItem.tsx
index 6bfe00a7515..92b11f64bd9 100644
--- a/packages/vuetify/src/components/VList/VListItem.tsx
+++ b/packages/vuetify/src/components/VList/VListItem.tsx
@@ -44,7 +44,7 @@ export default defineComponent({
     prependAvatar: String,
     prependIcon: String,
     subtitle: String,
-    text: String,
+    contained: String,
     title: String,
     ...makeBorderProps(),
     ...makeDensityProps(),
@@ -58,7 +58,7 @@ export default defineComponent({
   setup (props, { attrs, slots }) {
     const { themeClasses } = useTheme(props)
     const { colorClasses, colorStyles } = useColor(computed(() => {
-      const key = props.text || !props.active ? 'text' : 'background'
+      const key = props.contained && props.active ? 'background' : 'text'
       const color = (props.active && props.activeColor) || props.color
 
       return { [`${key}`]: color }
@@ -86,7 +86,7 @@ export default defineComponent({
               'v-list-item--active': props.active,
               'v-list-item--disabled': props.disabled,
               'v-list-item--link': isLink,
-              'v-list-item--text': props.text,
+              'v-list-item--contained': props.contained,
               [`${props.activeClass}`]: props.active && props.activeClass,
             },
             themeClasses.value,