diff --git a/src/components/cards/Artist.vue b/src/components/cards/Artist.vue
index 96dcf38..d3911d8 100644
--- a/src/components/cards/Artist.vue
+++ b/src/components/cards/Artist.vue
@@ -76,13 +76,15 @@ export default {
 
 <style scoped>
 .card {
+	border-color: var(--card-border-colour);
+	border-style: var(--card-border-style);
+	border-width: var(--card-border-width);
 	border-radius: var(--corner-rounding);
 	background-color: var(--card-colour);
 	padding: 10px 10px 1.75em;
 	color: var(--card-text);
 	flex-direction: column;
 	align-items: center;
-	border-style: none;
 	position: relative;
 	margin: 5px auto;
 	display: flex;
diff --git a/src/components/cards/Track.vue b/src/components/cards/Track.vue
index 6fd5a6d..acfe9ff 100644
--- a/src/components/cards/Track.vue
+++ b/src/components/cards/Track.vue
@@ -138,12 +138,14 @@ export default {
 
 <style scoped>
 .card {
+	border-color: var(--card-border-colour);
+	border-style: var(--card-border-style);
+	border-width: var(--card-border-width);
 	border-radius: var(--corner-rounding);
 	background-color: var(--card-colour);
 	color: var(--card-text);
 	flex-direction: column;
 	align-items: center;
-	border-style: none;
 	position: relative;
 	margin: 5px auto;
 	display: flex;