diff --git a/src/components/AttackList.vue b/src/components/AttackList.vue
index 206d9c9..14eceb2 100644
--- a/src/components/AttackList.vue
+++ b/src/components/AttackList.vue
@@ -5,22 +5,15 @@
 </template>
 
 <style lang="scss">
-@import "@/scss/_mixins.scss";
-
 .attacks {
   display: flex;
   flex-flow: row wrap;
   align-items: center;
 
   width: 100%;
+  max-width: var(--attack-list-max-width);
   margin: auto;
-
-  @include mq-desktop {
-    max-width: 45rem;
-  }
-
-  @media (min-width: 70em) {
-    max-width: 70em;
-  }
+  padding: 0 var(--container-spacing-right-safe) 0
+    var(--container-spacing-left-safe);
 }
 </style>