diff --git a/source/assets/shadow-pattern.png b/source/assets/shadow-pattern.png
new file mode 100644
index 0000000..3f1f003
Binary files /dev/null and b/source/assets/shadow-pattern.png differ
diff --git a/source/scss/components/_listenbrainz.scss b/source/scss/components/_listenbrainz.scss
index 48884e3..7d24f23 100644
--- a/source/scss/components/_listenbrainz.scss
+++ b/source/scss/components/_listenbrainz.scss
@@ -1,10 +1,16 @@
+@use 'mixins';
+
 .listenbrainz {
+  @include mixins.patterned-shadow(0.5rem);
+
   align-items: center;
+  background-color: var(--background-1);
   border: 2px solid var(--foreground-1);
   display: grid;
   grid-template-columns: min-content auto;
   margin-top: 1rem;
   padding: 1rem;
+  width: fit-content;
 
   a {
     width: fit-content;
diff --git a/source/scss/components/_page-main.scss b/source/scss/components/_page-main.scss
index 43529d4..5e5b689 100644
--- a/source/scss/components/_page-main.scss
+++ b/source/scss/components/_page-main.scss
@@ -15,6 +15,9 @@
     }
 
     a {
+      @include mixins.patterned-shadow(0.5rem);
+
+      background-color: var(--background-1);
       border: 2px solid var(--foreground-1);
       padding: 1rem;
     }
diff --git a/source/scss/mixins.scss b/source/scss/mixins.scss
index 685eb16..b27ff1b 100644
--- a/source/scss/mixins.scss
+++ b/source/scss/mixins.scss
@@ -10,3 +10,20 @@ $large-breakpoint: 1200px;
     width: 100%;
   }
 }
+
+@mixin patterned-shadow($size) {
+  position: relative;
+
+  &::after {
+    --shadow-size: #{$size};
+
+    background: url('/assets/shadow-pattern.png') repeat;
+    content: '';
+    height: 100%;
+    left: var(--shadow-size);
+    position: absolute;
+    top: var(--shadow-size);
+    width: 100%;
+    z-index: -1;
+  }
+}