diff --git a/packages/react/src/components/ListBox/ListBoxPropTypes.ts b/packages/react/src/components/ListBox/ListBoxPropTypes.ts
index 5bc72b729fef..68e3c04bdf90 100644
--- a/packages/react/src/components/ListBox/ListBoxPropTypes.ts
+++ b/packages/react/src/components/ListBox/ListBoxPropTypes.ts
@@ -10,8 +10,8 @@ import PropTypes from 'prop-types';
 const listBoxTypes = ['default', 'inline'] as const;
 const listBoxSizes = ['sm', 'md', 'lg'] as const;
 
-export type ListBoxType = typeof listBoxTypes[number];
-export type ListBoxSize = typeof listBoxSizes[number];
+export type ListBoxType = (typeof listBoxTypes)[number];
+export type ListBoxSize = (typeof listBoxSizes)[number];
 
 export const ListBoxType = PropTypes.oneOf<ListBoxType>(listBoxTypes);
 export const ListBoxSize = PropTypes.oneOf<ListBoxSize>(listBoxSizes);
diff --git a/packages/styles/scss/components/content-switcher/_content-switcher.scss b/packages/styles/scss/components/content-switcher/_content-switcher.scss
index b92770974d2b..a23ca828e22f 100644
--- a/packages/styles/scss/components/content-switcher/_content-switcher.scss
+++ b/packages/styles/scss/components/content-switcher/_content-switcher.scss
@@ -315,7 +315,9 @@
     + .#{$prefix}--content-switcher-popover__wrapper
     .#{$prefix}--content-switcher-btn::before,
   .#{$prefix}--content-switcher-btn:hover::before,
-  .#{$prefix}--content-switcher-popover__wrapper:not(.#{$prefix}--content-switcher-popover--disabled):hover
+  .#{$prefix}--content-switcher-popover__wrapper:not(
+      .#{$prefix}--content-switcher-popover--disabled
+    ):hover
     + .#{$prefix}--content-switcher-popover__wrapper
     .#{$prefix}--content-switcher-btn::before,
   .#{$prefix}--content-switcher--selected::before,
@@ -337,7 +339,9 @@
   }
 
   .#{$prefix}--content-switcher--icon-only
-    .#{$prefix}--content-switcher-btn[disabled]:not(.#{$prefix}--content-switcher--selected):hover,
+    .#{$prefix}--content-switcher-btn[disabled]:not(
+      .#{$prefix}--content-switcher--selected
+    ):hover,
   .#{$prefix}--content-switcher--icon-only
     .#{$prefix}--content-switcher-popover--selected
     + .#{$prefix}--content-switcher-popover--disabled
diff --git a/packages/styles/scss/components/data-table/_data-table.scss b/packages/styles/scss/components/data-table/_data-table.scss
index 199df99e54dc..7d97f4dbac7b 100644
--- a/packages/styles/scss/components/data-table/_data-table.scss
+++ b/packages/styles/scss/components/data-table/_data-table.scss
@@ -673,8 +673,12 @@
       min-height: 3rem;
     }
 
-    &:not(.#{$prefix}--data-table--xs):not(.#{$prefix}--data-table--xl):not(.#{$prefix}--data-table--sm)
-      td:not(.#{$prefix}--table-column-menu):not(.#{$prefix}--table-column-checkbox) {
+    &:not(.#{$prefix}--data-table--xs):not(.#{$prefix}--data-table--xl):not(
+        .#{$prefix}--data-table--sm
+      )
+      td:not(.#{$prefix}--table-column-menu):not(
+        .#{$prefix}--table-column-checkbox
+      ) {
       padding-top: rem(14px);
     }
 
@@ -741,8 +745,12 @@
       border-bottom: 0;
     }
 
-    th:not(.#{$prefix}--table-column-checkbox):not(.#{$prefix}--table-column-menu):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon),
-    td:not(.#{$prefix}--table-column-checkbox):not(.#{$prefix}--table-column-menu):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon) {
+    th:not(.#{$prefix}--table-column-checkbox):not(
+        .#{$prefix}--table-column-menu
+      ):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon),
+    td:not(.#{$prefix}--table-column-checkbox):not(
+        .#{$prefix}--table-column-menu
+      ):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon) {
       width: 100%;
       min-width: 0;
     }
diff --git a/packages/styles/scss/components/data-table/_mixins.scss b/packages/styles/scss/components/data-table/_mixins.scss
index 07c1f4ecb1e8..a5ba0e6c7ff8 100644
--- a/packages/styles/scss/components/data-table/_mixins.scss
+++ b/packages/styles/scss/components/data-table/_mixins.scss
@@ -25,8 +25,12 @@
     max-height: $max-height;
 
     @if $min-width {
-      th:not(.#{$prefix}--table-column-checkbox):not(.#{$prefix}--table-column-menu):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon),
-      td:not(.#{$prefix}--table-column-checkbox):not(.#{$prefix}--table-column-menu):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon) {
+      th:not(.#{$prefix}--table-column-checkbox):not(
+          .#{$prefix}--table-column-menu
+        ):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon),
+      td:not(.#{$prefix}--table-column-checkbox):not(
+          .#{$prefix}--table-column-menu
+        ):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon) {
         min-width: $min-width;
       }
     }
diff --git a/packages/styles/scss/components/data-table/action/_data-table-action.scss b/packages/styles/scss/components/data-table/action/_data-table-action.scss
index cfb944e65f28..ed2bfa7a5844 100644
--- a/packages/styles/scss/components/data-table/action/_data-table-action.scss
+++ b/packages/styles/scss/components/data-table/action/_data-table-action.scss
@@ -94,7 +94,9 @@
     opacity: 0;
   }
 
-  .#{$prefix}--toolbar-search-container-expandable:not(.#{$prefix}--toolbar-search-container-active)
+  .#{$prefix}--toolbar-search-container-expandable:not(
+      .#{$prefix}--toolbar-search-container-active
+    )
     .#{$prefix}--search-input {
     padding: 0;
   }
@@ -144,7 +146,9 @@
 
   // sm expandable icon spacing
   .#{$prefix}--table-toolbar.#{$prefix}--table-toolbar--sm
-    .#{$prefix}--search--sm:not(.#{$prefix}--toolbar-search-container-active):not(.#{$prefix}--toolbar-search-container-persistent)
+    .#{$prefix}--search--sm:not(
+      .#{$prefix}--toolbar-search-container-active
+    ):not(.#{$prefix}--toolbar-search-container-persistent)
     .#{$prefix}--search-magnifier-icon {
     left: 0;
   }
diff --git a/packages/styles/scss/components/data-table/expandable/_data-table-expandable.scss b/packages/styles/scss/components/data-table/expandable/_data-table-expandable.scss
index 5f0e1a91e19f..3291ea62165f 100644
--- a/packages/styles/scss/components/data-table/expandable/_data-table-expandable.scss
+++ b/packages/styles/scss/components/data-table/expandable/_data-table-expandable.scss
@@ -334,7 +334,9 @@
   }
 
   // Parent collapsed hover
-  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected:not(.#{$prefix}--expandable-row):hover
+  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected:not(
+      .#{$prefix}--expandable-row
+    ):hover
     td {
     border-top: 1px solid $layer-selected-hover;
     border-bottom: 1px solid $border-subtle;
diff --git a/packages/styles/scss/components/data-table/sort/_data-table-sort.scss b/packages/styles/scss/components/data-table/sort/_data-table-sort.scss
index bfebaf5b2810..547edd17a214 100644
--- a/packages/styles/scss/components/data-table/sort/_data-table-sort.scss
+++ b/packages/styles/scss/components/data-table/sort/_data-table-sort.scss
@@ -90,7 +90,9 @@
     justify-content: space-between;
   }
 
-  .#{$prefix}--data-table--sort:not(.#{$prefix}--data-table--xs):not(.#{$prefix}--data-table--sm):not(.#{$prefix}--data-table--md):not(.#{$prefix}--data-table--xl)
+  .#{$prefix}--data-table--sort:not(.#{$prefix}--data-table--xs):not(
+      .#{$prefix}--data-table--sm
+    ):not(.#{$prefix}--data-table--md):not(.#{$prefix}--data-table--xl)
     th
     .#{$prefix}--table-sort__flex {
     /* IE11 workaround for align-items: center and min-height
diff --git a/packages/styles/scss/components/fluid-date-picker/_fluid-date-picker.scss b/packages/styles/scss/components/fluid-date-picker/_fluid-date-picker.scss
index fce1419cced4..824496728055 100644
--- a/packages/styles/scss/components/fluid-date-picker/_fluid-date-picker.scss
+++ b/packages/styles/scss/components/fluid-date-picker/_fluid-date-picker.scss
@@ -79,7 +79,9 @@
 
   .#{$prefix}--date-picker--fluid
     .#{$prefix}--date-picker--simple
-    .#{$prefix}--date-picker__input:not(.#{$prefix}--date-picker__input--invalid):not(.#{$prefix}--date-picker__input--warn),
+    .#{$prefix}--date-picker__input:not(
+      .#{$prefix}--date-picker__input--invalid
+    ):not(.#{$prefix}--date-picker__input--warn),
   .#{$prefix}--date-picker--fluid
     .#{$prefix}--date-picker--simple
     .#{$prefix}--date-picker--fluid--warn {
@@ -103,15 +105,21 @@
 
   .#{$prefix}--date-picker--fluid
     .#{$prefix}--date-picker--single
-    .#{$prefix}--date-picker__input:not(.#{$prefix}--date-picker__input--invalid),
+    .#{$prefix}--date-picker__input:not(
+      .#{$prefix}--date-picker__input--invalid
+    ),
   .#{$prefix}--date-picker--single .#{$prefix}--date-picker--fluid--warn {
     border-bottom: 1px solid $border-strong;
   }
 
   // Range
-  .#{$prefix}--date-picker--fluid:not(.#{$prefix}--date-picker--fluid--invalid):not(.#{$prefix}--date-picker--fluid--warn)
+  .#{$prefix}--date-picker--fluid:not(
+      .#{$prefix}--date-picker--fluid--invalid
+    ):not(.#{$prefix}--date-picker--fluid--warn)
     .#{$prefix}--date-picker--range
-    .#{$prefix}--date-picker-container:not(.#{$prefix}--date-picker--fluid--invalid) {
+    .#{$prefix}--date-picker-container:not(
+      .#{$prefix}--date-picker--fluid--invalid
+    ) {
     border-bottom: 1px solid $border-strong;
   }
 
@@ -362,16 +370,22 @@
   }
 
   // Readonly
-  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--readonly:not(.#{$prefix}--date-picker--fluid--invalid):not(.#{$prefix}--date-picker--fluid--warn)
+  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--readonly:not(
+      .#{$prefix}--date-picker--fluid--invalid
+    ):not(.#{$prefix}--date-picker--fluid--warn)
     .#{$prefix}--date-picker
     > .#{$prefix}--date-picker-container,
-  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--readonly:not(.#{$prefix}--date-picker--fluid--invalid):not(.#{$prefix}--date-picker--fluid--warn)
+  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--readonly:not(
+      .#{$prefix}--date-picker--fluid--invalid
+    ):not(.#{$prefix}--date-picker--fluid--warn)
     .#{$prefix}--date-picker
     .#{$prefix}--date-picker__input {
     border-bottom-color: $border-subtle;
   }
 
-  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--readonly:not(.#{$prefix}--date-picker--fluid--invalid):not(.#{$prefix}--date-picker--fluid--warn)
+  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--readonly:not(
+      .#{$prefix}--date-picker--fluid--invalid
+    ):not(.#{$prefix}--date-picker--fluid--warn)
     .#{$prefix}--date-picker--range
     > .#{$prefix}--date-picker-container:last-child
     .#{$prefix}--date-picker__input {
diff --git a/packages/styles/scss/components/fluid-list-box/_fluid-list-box.scss b/packages/styles/scss/components/fluid-list-box/_fluid-list-box.scss
index 0526dc06a820..eec4aa9d1e15 100644
--- a/packages/styles/scss/components/fluid-list-box/_fluid-list-box.scss
+++ b/packages/styles/scss/components/fluid-list-box/_fluid-list-box.scss
@@ -71,12 +71,16 @@
     height: 1rem;
   }
 
-  .#{$prefix}--list-box__wrapper--fluid:not(.#{$prefix}--list-box__wrapper--fluid--condensed)
+  .#{$prefix}--list-box__wrapper--fluid:not(
+      .#{$prefix}--list-box__wrapper--fluid--condensed
+    )
     .#{$prefix}--list-box__menu-item {
     height: $spacing-10;
   }
 
-  .#{$prefix}--list-box__wrapper--fluid:not(.#{$prefix}--list-box__wrapper--fluid--condensed)
+  .#{$prefix}--list-box__wrapper--fluid:not(
+      .#{$prefix}--list-box__wrapper--fluid--condensed
+    )
     .#{$prefix}--list-box__menu-item__selected-icon {
     top: rem(20px);
   }
@@ -122,7 +126,9 @@
   }
 
   // Invalid / Warning styles
-  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--invalid:not(.#{$prefix}--list-box__wrapper--fluid--focus) {
+  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--invalid:not(
+      .#{$prefix}--list-box__wrapper--fluid--focus
+    ) {
     @include focus-outline('invalid');
 
     z-index: 2;
diff --git a/packages/styles/scss/components/fluid-multiselect/_fluid-multiselect.scss b/packages/styles/scss/components/fluid-multiselect/_fluid-multiselect.scss
index 18031bd87e86..d4fb11bb2477 100644
--- a/packages/styles/scss/components/fluid-multiselect/_fluid-multiselect.scss
+++ b/packages/styles/scss/components/fluid-multiselect/_fluid-multiselect.scss
@@ -19,7 +19,9 @@
 @use '../fluid-combo-box';
 
 @mixin fluid-multiselect {
-  .#{$prefix}--multi-select__wrapper.#{$prefix}--list-box__wrapper--fluid--focus:not(.#{$prefix}--multi-select--filterable__wrapper)
+  .#{$prefix}--multi-select__wrapper.#{$prefix}--list-box__wrapper--fluid--focus:not(
+      .#{$prefix}--multi-select--filterable__wrapper
+    )
     .#{$prefix}--list-box__field--wrapper--input-focused {
     outline: none;
   }
diff --git a/packages/styles/scss/components/fluid-number-input/_fluid-number-input.scss b/packages/styles/scss/components/fluid-number-input/_fluid-number-input.scss
index 2d3e0fccee0b..2920cf98fefa 100644
--- a/packages/styles/scss/components/fluid-number-input/_fluid-number-input.scss
+++ b/packages/styles/scss/components/fluid-number-input/_fluid-number-input.scss
@@ -84,18 +84,26 @@
   }
 
   // Weird overrides (needed to override focus borders on stepper buttons when hovered while input has focus)
-  .#{$prefix}--number-input--fluid:not(.#{$prefix}--number-input--fluid--invalid)
+  .#{$prefix}--number-input--fluid:not(
+      .#{$prefix}--number-input--fluid--invalid
+    )
     .#{$prefix}--number
-    .#{$prefix}--number__input-wrapper:not(.#{$prefix}--number__input-wrapper--warning)
+    .#{$prefix}--number__input-wrapper:not(
+      .#{$prefix}--number__input-wrapper--warning
+    )
     input[type='number']:focus
     ~ .#{$prefix}--number__controls
     .#{$prefix}--number__control-btn:hover {
     outline: 2px solid transparent;
   }
 
-  .#{$prefix}--number-input--fluid:not(.#{$prefix}--number-input--fluid--invalid)
+  .#{$prefix}--number-input--fluid:not(
+      .#{$prefix}--number-input--fluid--invalid
+    )
     .#{$prefix}--number
-    .#{$prefix}--number__input-wrapper:not(.#{$prefix}--number__input-wrapper--warning)
+    .#{$prefix}--number__input-wrapper:not(
+      .#{$prefix}--number__input-wrapper--warning
+    )
     input[type='number']:focus
     ~ .#{$prefix}--number__controls
     .#{$prefix}--number__control-btn:hover::before {
@@ -108,8 +116,12 @@
   }
   // End weirdness
 
-  .#{$prefix}--number-input--fluid:not(.#{$prefix}--number-input--fluid--invalid)
-    .#{$prefix}--number-input-wrapper:not(.#{$prefix}--number-input-wrapper__warning)
+  .#{$prefix}--number-input--fluid:not(
+      .#{$prefix}--number-input--fluid--invalid
+    )
+    .#{$prefix}--number-input-wrapper:not(
+      .#{$prefix}--number-input-wrapper__warning
+    )
     input[type='number']:focus
     ~ .#{$prefix}--number__controls
     .#{$prefix}--number__control-btn:hover {
@@ -208,7 +220,9 @@
     margin: 0;
   }
 
-  .#{$prefix}--number-input--fluid.#{$prefix}--number-input--fluid--invalid:not(.#{$prefix}--number-input--fluid--focus)
+  .#{$prefix}--number-input--fluid.#{$prefix}--number-input--fluid--invalid:not(
+      .#{$prefix}--number-input--fluid--focus
+    )
     .#{$prefix}--number {
     @include focus-outline('invalid');
   }
@@ -263,7 +277,9 @@
   }
 
   // Disabled states
-  .#{$prefix}--number-input--fluid--disabled:not(.#{$prefix}--number-input--fluid--invalid)
+  .#{$prefix}--number-input--fluid--disabled:not(
+      .#{$prefix}--number-input--fluid--invalid
+    )
     .#{$prefix}--number {
     border-bottom: 1px solid $border-subtle;
   }
diff --git a/packages/styles/scss/components/form/_form.scss b/packages/styles/scss/components/form/_form.scss
index 1eb0d25a09fc..7eb95d0948db 100644
--- a/packages/styles/scss/components/form/_form.scss
+++ b/packages/styles/scss/components/form/_form.scss
@@ -125,7 +125,9 @@ $input-label-weight: 400 !default;
     > .#{$prefix}--text-area--invalid:not(:focus),
   .#{$prefix}--select-input__wrapper[data-invalid]
     .#{$prefix}--select-input:not(:focus),
-  .#{$prefix}--list-box[data-invalid]:not(.#{$prefix}--multi-select--invalid--focused),
+  .#{$prefix}--list-box[data-invalid]:not(
+      .#{$prefix}--multi-select--invalid--focused
+    ),
   .#{$prefix}--combo-box[data-invalid]:not(.#{$prefix}--multi-select--selected)
     .#{$prefix}--text-input:not(:focus) {
     @include focus-outline('invalid');
diff --git a/packages/styles/scss/components/multiselect/_multiselect.scss b/packages/styles/scss/components/multiselect/_multiselect.scss
index ddd525c15714..afaaa3f4ed68 100644
--- a/packages/styles/scss/components/multiselect/_multiselect.scss
+++ b/packages/styles/scss/components/multiselect/_multiselect.scss
@@ -95,7 +95,9 @@
     padding-left: 0;
   }
 
-  .#{$prefix}--multi-select--filterable.#{$prefix}--list-box--disabled:hover:not(.#{$prefix}--multi-select--filterable)
+  .#{$prefix}--multi-select--filterable.#{$prefix}--list-box--disabled:hover:not(
+      .#{$prefix}--multi-select--filterable
+    )
     .#{$prefix}--text-input {
     background-color: $field;
   }
diff --git a/packages/styles/scss/components/notification/_actionable-notification.scss b/packages/styles/scss/components/notification/_actionable-notification.scss
index eb2b6e679ad4..fe1c5f3d9e82 100644
--- a/packages/styles/scss/components/notification/_actionable-notification.scss
+++ b/packages/styles/scss/components/notification/_actionable-notification.scss
@@ -64,7 +64,9 @@
     box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%);
   }
 
-  .#{$prefix}--actionable-notification:not(.#{$prefix}--actionable-notification--low-contrast)
+  .#{$prefix}--actionable-notification:not(
+      .#{$prefix}--actionable-notification--low-contrast
+    )
     a {
     color: $link-inverse;
   }
@@ -90,7 +92,9 @@
     color: $text-primary;
   }
 
-  .#{$prefix}--actionable-notification--low-contrast:not(.#{$prefix}--actionable-notification--toast)::before {
+  .#{$prefix}--actionable-notification--low-contrast:not(
+      .#{$prefix}--actionable-notification--toast
+    )::before {
     position: absolute;
     top: 0;
     left: 0;
@@ -193,7 +197,9 @@
     margin: 0 $spacing-09 0 rem(13px);
   }
 
-  .#{$prefix}--actionable-notification:not(.#{$prefix}--actionable-notification--toast)
+  .#{$prefix}--actionable-notification:not(
+      .#{$prefix}--actionable-notification--toast
+    )
     .#{$prefix}--actionable-notification__details {
     @include breakpoint(md) {
       margin: 0 rem(13px);
@@ -272,7 +278,9 @@
     }
   }
 
-  .#{$prefix}--actionable-notification:not(.#{$prefix}--actionable-notification--low-contrast)
+  .#{$prefix}--actionable-notification:not(
+      .#{$prefix}--actionable-notification--low-contrast
+    )
     .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--ghost {
     color: $link-inverse;
   }
@@ -324,7 +332,9 @@
   // btn-tertiary g10 theme button styles should become g90 button styles
   // btn-tertiary g90 theme button styles should become g10 button styles
   // btn-tertiary g100 theme button styles should become white button styles
-  .#{$prefix}--actionable-notification:not(.#{$prefix}--actionable-notification--low-contrast)
+  .#{$prefix}--actionable-notification:not(
+      .#{$prefix}--actionable-notification--low-contrast
+    )
     .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary {
     @include button-mixins.button-theme(
       transparent,
@@ -336,12 +346,16 @@
     );
   }
 
-  .#{$prefix}--actionable-notification:not(.#{$prefix}--actionable-notification--low-contrast)
+  .#{$prefix}--actionable-notification:not(
+      .#{$prefix}--actionable-notification--low-contrast
+    )
     .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary:hover {
     color: $notification-action-tertiary-inverse-text;
   }
 
-  .#{$prefix}--actionable-notification:not(.#{$prefix}--actionable-notification--low-contrast)
+  .#{$prefix}--actionable-notification:not(
+      .#{$prefix}--actionable-notification--low-contrast
+    )
     .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary:focus {
     border-color: $focus-inverse;
     background-color: $notification-action-tertiary-inverse;
@@ -350,24 +364,38 @@
     color: $notification-action-tertiary-inverse-text;
   }
 
-  .#{$prefix}--actionable-notification:not(.#{$prefix}--actionable-notification--low-contrast)
+  .#{$prefix}--actionable-notification:not(
+      .#{$prefix}--actionable-notification--low-contrast
+    )
     .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary:active {
     border-color: transparent;
     background-color: $notification-action-tertiary-inverse-active;
     color: $notification-action-tertiary-inverse-text;
   }
 
-  .#{$prefix}--actionable-notification:not(.#{$prefix}--actionable-notification--low-contrast)
+  .#{$prefix}--actionable-notification:not(
+      .#{$prefix}--actionable-notification--low-contrast
+    )
     .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary:disabled,
-  .#{$prefix}--actionable-notification:not(.#{$prefix}--actionable-notification--low-contrast)
+  .#{$prefix}--actionable-notification:not(
+      .#{$prefix}--actionable-notification--low-contrast
+    )
     .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary:hover:disabled,
-  .#{$prefix}--actionable-notification:not(.#{$prefix}--actionable-notification--low-contrast)
+  .#{$prefix}--actionable-notification:not(
+      .#{$prefix}--actionable-notification--low-contrast
+    )
     .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary:focus:disabled,
-  .#{$prefix}--actionable-notification:not(.#{$prefix}--actionable-notification--low-contrast)
+  .#{$prefix}--actionable-notification:not(
+      .#{$prefix}--actionable-notification--low-contrast
+    )
     .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary.#{$prefix}--btn--disabled,
-  .#{$prefix}--actionable-notification:not(.#{$prefix}--actionable-notification--low-contrast)
+  .#{$prefix}--actionable-notification:not(
+      .#{$prefix}--actionable-notification--low-contrast
+    )
     .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary.#{$prefix}--btn--disabled:hover,
-  .#{$prefix}--actionable-notification:not(.#{$prefix}--actionable-notification--low-contrast)
+  .#{$prefix}--actionable-notification:not(
+      .#{$prefix}--actionable-notification--low-contrast
+    )
     .#{$prefix}--actionable-notification__action-button.#{$prefix}--btn--tertiary.#{$prefix}--btn--disabled:focus {
     background: transparent;
     color: $notification-action-tertiary-inverse-text-on-color-disabled;
diff --git a/packages/styles/scss/components/notification/_inline-notification.scss b/packages/styles/scss/components/notification/_inline-notification.scss
index eb1b72cf1d06..97b17b44a378 100644
--- a/packages/styles/scss/components/notification/_inline-notification.scss
+++ b/packages/styles/scss/components/notification/_inline-notification.scss
@@ -51,7 +51,9 @@
     }
   }
 
-  .#{$prefix}--inline-notification:not(.#{$prefix}--inline-notification--low-contrast)
+  .#{$prefix}--inline-notification:not(
+      .#{$prefix}--inline-notification--low-contrast
+    )
     a {
     color: $link-inverse;
   }
@@ -218,7 +220,9 @@
     }
   }
 
-  .#{$prefix}--inline-notification:not(.#{$prefix}--inline-notification--low-contrast)
+  .#{$prefix}--inline-notification:not(
+      .#{$prefix}--inline-notification--low-contrast
+    )
     .#{$prefix}--inline-notification__action-button.#{$prefix}--btn--ghost {
     color: $link-inverse;
   }
diff --git a/packages/styles/scss/components/notification/_toast-notification.scss b/packages/styles/scss/components/notification/_toast-notification.scss
index 27a09623b650..afd5115190d8 100644
--- a/packages/styles/scss/components/notification/_toast-notification.scss
+++ b/packages/styles/scss/components/notification/_toast-notification.scss
@@ -41,7 +41,9 @@
     }
   }
 
-  .#{$prefix}--toast-notification:not(.#{$prefix}--toast-notification--low-contrast)
+  .#{$prefix}--toast-notification:not(
+      .#{$prefix}--toast-notification--low-contrast
+    )
     a {
     color: $link-inverse;
   }
diff --git a/packages/styles/scss/components/overflow-menu/_overflow-menu.scss b/packages/styles/scss/components/overflow-menu/_overflow-menu.scss
index 4828f307faa1..c33f5fd280c0 100644
--- a/packages/styles/scss/components/overflow-menu/_overflow-menu.scss
+++ b/packages/styles/scss/components/overflow-menu/_overflow-menu.scss
@@ -136,7 +136,9 @@
     background-color: $layer;
   }
 
-  .#{$prefix}--overflow-menu-options[data-floating-menu-direction='bottom']:not(.#{$prefix}--breadcrumb-menu-options)::after {
+  .#{$prefix}--overflow-menu-options[data-floating-menu-direction='bottom']:not(
+      .#{$prefix}--breadcrumb-menu-options
+    )::after {
     top: rem(-3px);
     left: 0;
     width: rem(40px);
diff --git a/packages/styles/scss/components/progress-indicator/_progress-indicator.scss b/packages/styles/scss/components/progress-indicator/_progress-indicator.scss
index fb7decd431d7..5fcf3c438d52 100644
--- a/packages/styles/scss/components/progress-indicator/_progress-indicator.scss
+++ b/packages/styles/scss/components/progress-indicator/_progress-indicator.scss
@@ -111,7 +111,9 @@ $progress-indicator-bar-width: 1px inset transparent !default;
     margin-right: 0.75rem;
   }
 
-  .#{$prefix}--progress-step-button:not(.#{$prefix}--progress-step-button--unclickable) {
+  .#{$prefix}--progress-step-button:not(
+      .#{$prefix}--progress-step-button--unclickable
+    ) {
     &:focus {
       outline: none;
     }
diff --git a/packages/styles/scss/components/structured-list/_structured-list.scss b/packages/styles/scss/components/structured-list/_structured-list.scss
index 75cd8fa72e0b..48891d0445fd 100644
--- a/packages/styles/scss/components/structured-list/_structured-list.scss
+++ b/packages/styles/scss/components/structured-list/_structured-list.scss
@@ -96,14 +96,18 @@
   }
 
   .#{$prefix}--structured-list--selection
-    .#{$prefix}--structured-list-row:hover:not(.#{$prefix}--structured-list-row--header-row):not(.#{$prefix}--structured-list-row--selected) {
+    .#{$prefix}--structured-list-row:hover:not(
+      .#{$prefix}--structured-list-row--header-row
+    ):not(.#{$prefix}--structured-list-row--selected) {
     border-color: $layer-hover;
     background-color: $layer-hover;
     cursor: pointer;
   }
 
   .#{$prefix}--structured-list--selection
-    .#{$prefix}--structured-list-row:hover:not(.#{$prefix}--structured-list-row--header-row):not(.#{$prefix}--structured-list-row--selected)
+    .#{$prefix}--structured-list-row:hover:not(
+      .#{$prefix}--structured-list-row--header-row
+    ):not(.#{$prefix}--structured-list-row--selected)
     + .#{$prefix}--structured-list-row {
     border-color: $layer-hover;
   }
@@ -131,12 +135,16 @@
   }
 
   @if not enabled('enable-v11-release') {
-    .#{$prefix}--structured-list-row:focus:not(.#{$prefix}--structured-list-row--header-row) {
+    .#{$prefix}--structured-list-row:focus:not(
+        .#{$prefix}--structured-list-row--header-row
+      ) {
       @include focus-outline('outline');
     }
   }
   .#{$prefix}--structured-list--selection
-    .#{$prefix}--structured-list-row:hover:not(.#{$prefix}--structured-list-row--header-row)
+    .#{$prefix}--structured-list-row:hover:not(
+      .#{$prefix}--structured-list-row--header-row
+    )
     > .#{$prefix}--structured-list-td,
   .#{$prefix}--structured-list--selection
     .#{$prefix}--structured-list-row.#{$prefix}--structured-list-row--selected
diff --git a/packages/styles/scss/components/tabs/_tabs.scss b/packages/styles/scss/components/tabs/_tabs.scss
index 467c97dfaefd..c133aea1f5a0 100644
--- a/packages/styles/scss/components/tabs/_tabs.scss
+++ b/packages/styles/scss/components/tabs/_tabs.scss
@@ -368,13 +368,17 @@ $icon-tab-size: custom-property.get-var('icon-tab-size', rem(40px));
     // Item Hover
     //-----------------------------
     &:not(.#{$prefix}--tabs--contained)
-      .#{$prefix}--tabs__nav-item:not(.#{$prefix}--tabs__nav-item--selected):not(.#{$prefix}--tabs__nav-item--disabled):hover {
+      .#{$prefix}--tabs__nav-item:not(
+        .#{$prefix}--tabs__nav-item--selected
+      ):not(.#{$prefix}--tabs__nav-item--disabled):hover {
       border-bottom: $tab-underline-color-hover;
       color: $text-primary;
     }
 
     &.#{$prefix}--tabs--contained
-      .#{$prefix}--tabs__nav-item:not(.#{$prefix}--tabs__nav-item--disabled):hover {
+      .#{$prefix}--tabs__nav-item:not(
+        .#{$prefix}--tabs__nav-item--disabled
+      ):hover {
       background-color: $layer-accent-hover;
       color: $text-primary;
     }
diff --git a/packages/styles/scss/components/ui-shell/side-nav/_side-nav.scss b/packages/styles/scss/components/ui-shell/side-nav/_side-nav.scss
index a54930d3757e..f49e41c7bdb3 100644
--- a/packages/styles/scss/components/ui-shell/side-nav/_side-nav.scss
+++ b/packages/styles/scss/components/ui-shell/side-nav/_side-nav.scss
@@ -68,7 +68,9 @@
     width: 0;
   }
 
-  .#{$prefix}--side-nav.#{$prefix}--side-nav--rail:not(.#{$prefix}--side-nav--fixed):hover,
+  .#{$prefix}--side-nav.#{$prefix}--side-nav--rail:not(
+      .#{$prefix}--side-nav--fixed
+    ):hover,
   .#{$prefix}--side-nav--expanded {
     width: mini-units(32);
   }
@@ -155,7 +157,9 @@
   .#{$prefix}--side-nav__item:not(.#{$prefix}--side-nav__item--active)
     > .#{$prefix}--side-nav__link:hover,
   .#{$prefix}--side-nav__menu
-    a.#{$prefix}--side-nav__link:not(.#{$prefix}--side-nav__link--current):not([aria-current='page']):hover,
+    a.#{$prefix}--side-nav__link:not(.#{$prefix}--side-nav__link--current):not(
+      [aria-current='page']
+    ):hover,
   .#{$prefix}--side-nav a.#{$prefix}--header__menu-item:hover,
   .#{$prefix}--side-nav
     .#{$prefix}--header__menu-title[aria-expanded='true']:hover {