diff --git a/src/App.vue b/src/App.vue
index f64aad6aa..76a01d29c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,7 +5,6 @@
 <style lang="scss">
   @import "./node_modules/bootstrap/scss/bootstrap";
   @import "@/styles/common-styles.scss";
-  @import "@/styles/common-list-styles.scss";
   @import "@/styles/common-typography-styles.scss";
-  @import "@/styles/error-styles.scss";
+  @import "@/styles/common-error-styles.scss";
 </style>
diff --git a/src/styles/error-styles.scss b/src/styles/common-error-styles.scss
similarity index 100%
rename from src/styles/error-styles.scss
rename to src/styles/common-error-styles.scss
diff --git a/src/styles/common-list-styles.scss b/src/styles/common-list-styles.scss
deleted file mode 100644
index 9e232f54d..000000000
--- a/src/styles/common-list-styles.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-.list-group {
-  &.list-button {
-    input[type="radio"],
-    input[type="checkbox"] {
-      opacity: 0;
-      position: fixed;
-      width: 0;
-      &:focus-visible + label {
-        box-shadow: 0 0 0 2.5px $blue inset;
-      }
-      &:focus + label {
-        box-shadow: 0 0 0 2.5px $blue inset;
-      }
-      &:checked + label {
-        color: $black;
-        font-weight: 500;
-        background: $blue-100;
-        box-shadow: 0 0 0 1px $blue;
-      }
-      &:checked + label p:first-child {
-        font-weight: 500;
-      }
-    }
-    label {
-      color: $gray-600;
-      position: relative;
-      background: $white;
-      transition: all 150ms linear;
-      border-radius: $border-radius-lg;
-      border: 1px solid $gray-500;
-      width: 100%;
-
-      &:hover {
-        @include media-breakpoint-up(sm) {
-          box-shadow: 0 0 0 4px $blue-100;
-        }
-        cursor: pointer;
-      }
-      + p {
-        display: none;
-      }
-    }
-  }
-}
diff --git a/src/ux-components/list-button/list-button.vue b/src/ux-components/list-button/list-button.vue
index 5fa285c31..7349ee6b3 100644
--- a/src/ux-components/list-button/list-button.vue
+++ b/src/ux-components/list-button/list-button.vue
@@ -77,6 +77,40 @@ export default {
       position: static; //override bootstrap
       height: 0;
     }
+    &:focus-visible + label {
+      box-shadow: 0 0 0 2.5px $blue inset;
+    }
+    &:focus + label {
+      box-shadow: 0 0 0 2.5px $blue inset;
+    }
+    &:checked + label {
+      color: $black;
+      font-weight: 500;
+      background: $blue-100;
+      box-shadow: 0 0 0 1px $blue;
+    }
+    &:checked + label p:first-child {
+      font-weight: 500;
+    }
+  }
+  label {
+    color: $gray-600;
+    position: relative;
+    background: $white;
+    transition: all 150ms linear;
+    border-radius: $border-radius-lg;
+    border: 1px solid $gray-500;
+    width: 100%;
+
+    &:hover {
+      @include media-breakpoint-up(sm) {
+        box-shadow: 0 0 0 4px $blue-100;
+      }
+      cursor: pointer;
+    }
+    + p {
+      display: none;
+    }
   }
 }
 </style>