diff --git a/ui/.stylelintrc b/ui/.stylelintrc
index d584abc..796e608 100644
--- a/ui/.stylelintrc
+++ b/ui/.stylelintrc
@@ -37,6 +37,8 @@
             }
         ],
         "import-notation": "string",
-        "hue-degree-notation": "number"
+        "hue-degree-notation": "number",
+        "selector-class-pattern": null,
+        "value-keyword-case": null
     }
 }
diff --git a/ui/npm-shrinkwrap.json b/ui/npm-shrinkwrap.json
index 2499070..3ca3b3e 100644
--- a/ui/npm-shrinkwrap.json
+++ b/ui/npm-shrinkwrap.json
@@ -1,12 +1,12 @@
 {
     "name": "web-ui-boilerplate",
-    "version": "4.0.0",
+    "version": "4.0.1",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "web-ui-boilerplate",
-            "version": "4.0.0",
+            "version": "4.0.1",
             "license": "ISC",
             "dependencies": {
                 "dialog-polyfill": "^0.5.6"
diff --git a/ui/src/css/components/accordion.css b/ui/src/css/components/accordion.css
index 0e069c1..76fbe25 100644
--- a/ui/src/css/components/accordion.css
+++ b/ui/src/css/components/accordion.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 .accordion__details {
     overflow: hidden;
 
diff --git a/ui/src/css/components/ajax.css b/ui/src/css/components/ajax.css
index 97952b5..e241164 100644
--- a/ui/src/css/components/ajax.css
+++ b/ui/src/css/components/ajax.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 .ajax__error {
     color: var(--color-error-500);
 }
diff --git a/ui/src/css/components/banner.css b/ui/src/css/components/banner.css
index 18392bb..d0ace04 100644
--- a/ui/src/css/components/banner.css
+++ b/ui/src/css/components/banner.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 .banner {
     --banner-gap: var(--gutter-m);
 
diff --git a/ui/src/css/components/breadcrumb.css b/ui/src/css/components/breadcrumb.css
index fabb3bf..ea46587 100644
--- a/ui/src/css/components/breadcrumb.css
+++ b/ui/src/css/components/breadcrumb.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 .breadcrumb {
     [aria-current] {
         color: var(--color-primary-500);
diff --git a/ui/src/css/components/button.css b/ui/src/css/components/button.css
index 12a9e9c..4a9e228 100644
--- a/ui/src/css/components/button.css
+++ b/ui/src/css/components/button.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 .button {
     background: transparent;
     color: inherit;
diff --git a/ui/src/css/components/card.css b/ui/src/css/components/card.css
index 2ee7179..f9c333a 100644
--- a/ui/src/css/components/card.css
+++ b/ui/src/css/components/card.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 .card {
     --card-gap: var(--gutter-m);
     --content-min-width: 50%;
diff --git a/ui/src/css/components/carousel.css b/ui/src/css/components/carousel.css
index 1bf4467..315e7f4 100644
--- a/ui/src/css/components/carousel.css
+++ b/ui/src/css/components/carousel.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 .carousel {
     --slide-min-width: 18.75rem;
     --slide-gap: var(--gutter-m);
diff --git a/ui/src/css/components/nav.css b/ui/src/css/components/nav.css
index a789765..fbadebf 100644
--- a/ui/src/css/components/nav.css
+++ b/ui/src/css/components/nav.css
@@ -1,5 +1,3 @@
-/* stylelint-disable selector-class-pattern */
-
 .nav {
     [aria-current] {
         color: var(--color-primary-500);
diff --git a/ui/src/css/components/pagination.css b/ui/src/css/components/pagination.css
index d246cbc..5c32cf5 100644
--- a/ui/src/css/components/pagination.css
+++ b/ui/src/css/components/pagination.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 .pagination {
     display: flex;
     flex-wrap: wrap;
diff --git a/ui/src/css/components/responsive-media.css b/ui/src/css/components/responsive-media.css
index ce77053..2b5e5f0 100644
--- a/ui/src/css/components/responsive-media.css
+++ b/ui/src/css/components/responsive-media.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 .responsive-media__item {
     aspect-ratio: var(--media-aspect-ratio);
     block-size: auto;
diff --git a/ui/src/css/components/search.css b/ui/src/css/components/search.css
index 6918996..20376c5 100644
--- a/ui/src/css/components/search.css
+++ b/ui/src/css/components/search.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 .search {
     .form {
         flex-wrap: wrap;
diff --git a/ui/src/css/components/skiplinks.css b/ui/src/css/components/skiplinks.css
index 19551cb..c877d0e 100644
--- a/ui/src/css/components/skiplinks.css
+++ b/ui/src/css/components/skiplinks.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 .skiplinks {
     position: absolute;
 }
diff --git a/ui/src/css/form/checkbox.css b/ui/src/css/form/checkbox.css
index 1df8299..08f3582 100644
--- a/ui/src/css/form/checkbox.css
+++ b/ui/src/css/form/checkbox.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 .checkbox {
     align-items: center;
     display: flex;
diff --git a/ui/src/css/form/form.css b/ui/src/css/form/form.css
index c65782f..3042f85 100644
--- a/ui/src/css/form/form.css
+++ b/ui/src/css/form/form.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 .form {
     display: flex;
     flex-direction: column;
diff --git a/ui/src/css/form/label.css b/ui/src/css/form/label.css
index d35eb6e..435f2c1 100644
--- a/ui/src/css/form/label.css
+++ b/ui/src/css/form/label.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 .label {
     display: block;
 }
diff --git a/ui/src/css/form/radio.css b/ui/src/css/form/radio.css
index f76162c..817636e 100644
--- a/ui/src/css/form/radio.css
+++ b/ui/src/css/form/radio.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 .radio {
     align-items: center;
     display: flex;
diff --git a/ui/src/css/global/icon.css b/ui/src/css/global/icon.css
index 523dbb3..2979b19 100644
--- a/ui/src/css/global/icon.css
+++ b/ui/src/css/global/icon.css
@@ -1,8 +1,6 @@
-/* stylelint-disable selector-class-pattern */
 .icon {
     aspect-ratio: 1;
     block-size: 1em; /* Scale icon to match font-size of parent element */
-    /* stylelint-disable-next-line value-keyword-case */
     fill: currentColor;
 }
 
diff --git a/ui/src/css/global/typography.css b/ui/src/css/global/typography.css
index 80f7c69..e053585 100644
--- a/ui/src/css/global/typography.css
+++ b/ui/src/css/global/typography.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 /*
 ----------------------------------------------------------------------------
 Element styles.
diff --git a/ui/src/css/layout/flex.css b/ui/src/css/layout/flex.css
index 30e6f5f..4954f76 100644
--- a/ui/src/css/layout/flex.css
+++ b/ui/src/css/layout/flex.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 .flex {
     --flex-gap: var(--gutter-m);
 
diff --git a/ui/src/css/layout/grid.css b/ui/src/css/layout/grid.css
index b75ef25..1a7080b 100644
--- a/ui/src/css/layout/grid.css
+++ b/ui/src/css/layout/grid.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 [class*='grid'] {
     --grid-auto-layout: auto-fit;
     --grid-gap: var(--gutter-m);
diff --git a/ui/src/css/layout/page.css b/ui/src/css/layout/page.css
index 0980dfc..5e758a1 100644
--- a/ui/src/css/layout/page.css
+++ b/ui/src/css/layout/page.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 .page {
     display: grid;
     grid-template-rows: auto 1fr auto;
diff --git a/ui/src/css/layout/stack.css b/ui/src/css/layout/stack.css
index b9081de..8c527aa 100644
--- a/ui/src/css/layout/stack.css
+++ b/ui/src/css/layout/stack.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 /*
 ----------------------------------------------------------------------------
 Stack.
diff --git a/ui/src/css/layout/wrapper.css b/ui/src/css/layout/wrapper.css
index 6f3d30e..f5e561b 100644
--- a/ui/src/css/layout/wrapper.css
+++ b/ui/src/css/layout/wrapper.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 .wrapper {
     --wrapper-max-width: 64rem;
 
diff --git a/ui/src/css/tokens.css b/ui/src/css/tokens.css
index 935af51..2fc6b43 100644
--- a/ui/src/css/tokens.css
+++ b/ui/src/css/tokens.css
@@ -1,4 +1,3 @@
-/* stylelint-disable value-keyword-case */
 /*
 ----------------------------------------------------------------------------
 "Primitive" design tokens for dynamic theming.
diff --git a/ui/src/css/utilities/layout.css b/ui/src/css/utilities/layout.css
index 7336d26..8de364e 100644
--- a/ui/src/css/utilities/layout.css
+++ b/ui/src/css/utilities/layout.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 /*
 ----------------------------------------------------------------------------
 Center content.
diff --git a/ui/src/css/web-components/webui-ajax-loader.css b/ui/src/css/web-components/webui-ajax-loader.css
index 21ff8cd..ae8595a 100644
--- a/ui/src/css/web-components/webui-ajax-loader.css
+++ b/ui/src/css/web-components/webui-ajax-loader.css
@@ -9,7 +9,6 @@ webui-ajax-loader {
     &::part(svg) {
         animation: 1.2s ease-in-out infinite both svg-animation;
         fill: transparent;
-        /* stylelint-disable-next-line value-keyword-case */
         stroke: currentColor;
         stroke-dasharray: 300;
         stroke-dashoffset: 75;
diff --git a/ui/src/css/web-components/webui-carousel.css b/ui/src/css/web-components/webui-carousel.css
index 1fb194a..cf56d11 100644
--- a/ui/src/css/web-components/webui-carousel.css
+++ b/ui/src/css/web-components/webui-carousel.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 webui-carousel {
     .carousel__slide {
         filter: grayscale(60%);
diff --git a/ui/src/css/web-components/webui-image-gallery.css b/ui/src/css/web-components/webui-image-gallery.css
index 4144e38..408570a 100644
--- a/ui/src/css/web-components/webui-image-gallery.css
+++ b/ui/src/css/web-components/webui-image-gallery.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 webui-image-gallery {
     [data-open] {
         display: block;
diff --git a/ui/src/css/web-components/webui-modal.css b/ui/src/css/web-components/webui-modal.css
index 2d66874..e082160 100644
--- a/ui/src/css/web-components/webui-modal.css
+++ b/ui/src/css/web-components/webui-modal.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 /* Cannot use existing CSS variables defined on :root element for ::backdrop. See https://stackoverflow.com/questions/58818299/css-variables-not-working-in-dialogbackdrop */
 ::backdrop {
     --color-backdrop: hsl(0 0% 0% / 70%);
diff --git a/ui/src/css/web-components/webui-predictive-search.css b/ui/src/css/web-components/webui-predictive-search.css
index d66826f..ac7f214 100644
--- a/ui/src/css/web-components/webui-predictive-search.css
+++ b/ui/src/css/web-components/webui-predictive-search.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 webui-predictive-search {
     &:defined {
         [type='submit'] {
diff --git a/ui/src/css/web-components/webui-toggle.css b/ui/src/css/web-components/webui-toggle.css
index 2866d86..c860bc2 100644
--- a/ui/src/css/web-components/webui-toggle.css
+++ b/ui/src/css/web-components/webui-toggle.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 webui-toggle {
     &:not(:defined) {
         display: none;
diff --git a/ui/src/css/web-components/webui-video-player.css b/ui/src/css/web-components/webui-video-player.css
index f3b63f4..f6142b3 100644
--- a/ui/src/css/web-components/webui-video-player.css
+++ b/ui/src/css/web-components/webui-video-player.css
@@ -1,4 +1,3 @@
-/* stylelint-disable selector-class-pattern */
 webui-video-player {
     [data-open] {
         display: grid;