diff --git a/src/components/cards/CardItem.vue b/src/components/cards/CardItem.vue
index dc8990da0..7f14a32a9 100644
--- a/src/components/cards/CardItem.vue
+++ b/src/components/cards/CardItem.vue
@@ -35,7 +35,7 @@
 					<ActionButton icon="icon-user" @click="assignCardToMe()">{{ t('deck', 'Assign to me') }}</ActionButton>
 					<ActionButton icon="icon-archive" @click="archiveUnarchiveCard()">{{ t('deck', (showArchived ? 'Unarchive card' : 'Archive card')) }}</ActionButton>
 					<ActionButton icon="icon-delete" @click="deleteCard()">{{ t('deck', 'Delete card') }}</ActionButton>
-					<ActionButton icon="icon-settings-dark" @click="setCurrentCard()">{{ t('deck', 'Card details') }}</ActionButton>
+					<ActionButton icon="icon-settings-dark" @click="openCardSidebar()">{{ t('deck', 'Card details') }}</ActionButton>
 				</Actions>
 
 			</transition>
@@ -133,8 +133,8 @@ export default {
 			this.copiedCard.newUserUid = this.card.owner.uid
 			this.$store.dispatch('assignCardToUser', this.copiedCard)
 		},
-		setCurrentCard() {
-			this.$store.dispatch('setCurrentCard', this.card)
+		openCardSidebar() {
+			this.$router.push({ name: 'card', params: { cardId: this.id } })
 		}
 
 	}