diff --git a/src/App.vue b/src/App.vue
index 81854078e..cbd8f40ac 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -31,6 +31,7 @@
 			v-if="cardDetailsInModal && $route.params.cardId"
 			:clear-view-delay="0"
 			:title="t('deck', 'Card details')"
+			size="large"
 			@close="hideModal()">
 			<div class="modal__content modal__card">
 				<router-view name="sidebar" />
@@ -154,14 +155,6 @@ export default {
 			}
 		}
 	}
-
-	.modal__card {
-		min-width: 320px;
-		width: 50vw;
-		max-width: 800px;
-		min-height: 200px;
-		height: 80vh;
-	}
 </style>
 
 <style lang="scss">
diff --git a/src/components/card/CardSidebar.vue b/src/components/card/CardSidebar.vue
index 6817e70ff..2f9e60ac1 100644
--- a/src/components/card/CardSidebar.vue
+++ b/src/components/card/CardSidebar.vue
@@ -225,6 +225,8 @@ export default {
 		max-width: calc(100% - #{$modal-padding*2});
 		padding: 0 14px;
 		max-height: 100%;
+		overflow: initial;
+
 		&::v-deep {
 			.app-sidebar-header {
 				position: sticky;
@@ -240,6 +242,10 @@ export default {
 				background-color: var(--color-main-background);
 			}
 
+			.app-sidebar__tab {
+				overflow: initial;
+			}
+
 			#emptycontent, .emptycontent {
 				margin-top: 88px;
 			}