diff --git a/src/components/cards/Track.vue b/src/components/cards/Track.vue
index 3b44c63..9bb4f5d 100644
--- a/src/components/cards/Track.vue
+++ b/src/components/cards/Track.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="card" @click.stop="show_track_info = true">
+	<div class="card" @click="show_track_info = true">
 		<div class="image">
 			<img
 				v-if="item.album.images.length !== 0"
@@ -24,7 +24,7 @@
 		<div
 			v-tooltip.auto="popularity_tooltip"
 			class="popularity corner"
-			@click.self="show_pop_modal = true"
+			@click.self.stop="show_pop_modal = true"
 		>
 			{{ item.popularity }}
 		</div>
diff --git a/src/components/modals/DetailedTrack.vue b/src/components/modals/DetailedTrack.vue
index 1eba1e1..2f69b66 100644
--- a/src/components/modals/DetailedTrack.vue
+++ b/src/components/modals/DetailedTrack.vue
@@ -3,7 +3,7 @@
 		<div
 			v-if="container"
 			class="modal-container"
-			@click.self="content = false"
+			@click.self.stop="content = false"
 		>
 			<transition name="burst" @after-leave="$emit('close')">
 				<div v-if="content" class="modal">
diff --git a/src/components/modals/FeaturesInfo.vue b/src/components/modals/FeaturesInfo.vue
index 693cae6..b62c91d 100644
--- a/src/components/modals/FeaturesInfo.vue
+++ b/src/components/modals/FeaturesInfo.vue
@@ -3,7 +3,7 @@
 		<div
 			v-if="container"
 			class="modal-container"
-			@click.self="content = false"
+			@click.self.stop="content = false"
 		>
 			<transition name="burst" @after-leave="$emit('close')">
 				<div v-if="content" class="modal">
diff --git a/src/components/modals/PlaylistExport.vue b/src/components/modals/PlaylistExport.vue
index b7081d0..8b785e2 100644
--- a/src/components/modals/PlaylistExport.vue
+++ b/src/components/modals/PlaylistExport.vue
@@ -3,7 +3,7 @@
 		<div
 			v-if="container"
 			class="modal-container"
-			@click.self="content = false"
+			@click.self.stop="content = false"
 		>
 			<transition name="burst" @after-leave="$emit('close')">
 				<div v-if="content" class="modal">
diff --git a/src/components/modals/PopularityInfo.vue b/src/components/modals/PopularityInfo.vue
index 11ecf8d..246cfdd 100644
--- a/src/components/modals/PopularityInfo.vue
+++ b/src/components/modals/PopularityInfo.vue
@@ -3,7 +3,7 @@
 		<div
 			v-if="container"
 			class="modal-container"
-			@click.self="content = false"
+			@click.self.stop="content = false"
 		>
 			<transition name="burst" @after-leave="$emit('close')">
 				<div v-if="content" class="modal">
diff --git a/src/components/modals/SiteInfo.vue b/src/components/modals/SiteInfo.vue
index 65eeba0..e4b21f3 100644
--- a/src/components/modals/SiteInfo.vue
+++ b/src/components/modals/SiteInfo.vue
@@ -3,7 +3,7 @@
 		<div
 			v-if="container"
 			class="modal-container"
-			@click.self="content = false"
+			@click.self.stop="content = false"
 		>
 			<transition name="burst" @after-leave="$emit('close')">
 				<div v-if="content" class="modal">
diff --git a/src/components/modals/ThemeModal.vue b/src/components/modals/ThemeModal.vue
index a19ab9b..435bc6c 100644
--- a/src/components/modals/ThemeModal.vue
+++ b/src/components/modals/ThemeModal.vue
@@ -3,7 +3,7 @@
 		<div
 			v-if="container"
 			class="modal-container"
-			@click.self="content = false"
+			@click.self.stop="content = false"
 		>
 			<transition name="burst" @after-leave="$emit('close')">
 				<div v-if="content" class="modal">