last checks

src/styles/components.scss

@@ -604,7 +604,8 @@
         place-content: center;
         place-items: center;
 
-        background: #0003;
+        color: #111;
+        background: #0004;
 
         padding: 0 0.25rem;
         border-radius: 0.25rem;
@@ -619,7 +620,7 @@
         }
 
         &.disabled {
-            color: #0005;
+            color: #0004;
             background: #0002;
         }
     }
@@ -897,7 +898,7 @@
 
     .wide-card-list {
         display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(auto, 30rem));
+        grid-template-columns: repeat(auto-fit, minmax(auto, 28rem));
         gap: 2rem;
         padding: 2rem;
 

src/styles/main.scss

@@ -122,6 +122,8 @@ body {
                 font-weight: 500;
                 letter-spacing: 1px;
                 color: #333;
+
+                padding: 0.25rem 1.325rem;
             }
 
             @media screen and (max-width: $screen-desktop-min) {