diff --git a/package.json b/package.json
index 38c6b88..f1e2562 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "coryd.dev",
   "type": "module",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
diff --git a/src/pages/music/artists/[slug].astro b/src/pages/music/artists/[slug].astro
index 57fc1de..4f1a539 100644
--- a/src/pages/music/artists/[slug].astro
+++ b/src/pages/music/artists/[slug].astro
@@ -117,7 +117,7 @@ const playLabel = artist.total_plays === 1 ? "play" : "plays";
           <div id="concerts" class="concerts media-title">
             <div set:html={IconDeviceSpeaker({ size: 18 })}/> I've seen this artist live!
           </div>
-          <ul>
+          <ul class="concerts">
             {artist.concerts.map((concert, index) => (
               <li key={index}>
                 On{" "}
diff --git a/src/pages/music/concerts/[...page].astro b/src/pages/music/concerts/[...page].astro
index ec1f390..16c8140 100644
--- a/src/pages/music/concerts/[...page].astro
+++ b/src/pages/music/concerts/[...page].astro
@@ -53,7 +53,7 @@ const description =
     </>
   )}
 
-  <ul class="concert-list">
+  <ul class="concerts concert-list">
     {paginatedConcerts.map((concert) => (
       <li>
         {concert.artist.url ? (
diff --git a/src/styles/components/modal.css b/src/styles/components/modal.css
index 4d99079..f8c831f 100644
--- a/src/styles/components/modal.css
+++ b/src/styles/components/modal.css
@@ -54,7 +54,7 @@
   vertical-align: middle;
 
   svg {
-    stroke: var(--accent-color);
+    stroke: var(var(--section-color), var(--accent-color));
 
     &:is(:hover, :focus, :active) {
       stroke: var(--accent-color-hover);