diff --git a/app/src/components/v-dialog/v-dialog.vue b/app/src/components/v-dialog/v-dialog.vue
index 97d26dabe0..402b5fd04e 100644
--- a/app/src/components/v-dialog/v-dialog.vue
+++ b/app/src/components/v-dialog/v-dialog.vue
@@ -2,13 +2,11 @@
 	<div class="v-dialog">
 		<slot name="activator" v-bind="{ on: () => $emit('toggle', true) }" />
 
-		<portal to="outlet">
-			<transition name="dialog">
-				<div v-if="active" class="container" :class="[className]">
-					<v-overlay active absolute @click="emitToggle" />
-					<slot />
-				</div>
-			</transition>
+		<portal to="dialog-outlet">
+			<div v-if="active" class="container" :class="[className]">
+				<v-overlay active absolute @click="emitToggle" />
+				<slot />
+			</div>
 		</portal>
 	</div>
 </template>
@@ -114,24 +112,4 @@ export default defineComponent({
 		transform: scale(1);
 	}
 }
-
-.dialog-enter-active,
-.dialog-leave-active {
-	transition: opacity var(--slow) var(--transition);
-
-	::v-deep > *:not(.v-overlay) {
-		transform: translateY(0px);
-		transition: transform var(--slow) var(--transition-in);
-	}
-}
-
-.dialog-enter,
-.dialog-leave-to {
-	opacity: 0;
-
-	::v-deep > *:not(.v-overlay) {
-		transform: translateY(50px);
-		transition: transform var(--slow) var(--transition-out);
-	}
-}
 </style>
diff --git a/app/src/components/v-menu/v-menu.vue b/app/src/components/v-menu/v-menu.vue
index 4373b5b2db..3f9d08593a 100644
--- a/app/src/components/v-menu/v-menu.vue
+++ b/app/src/components/v-menu/v-menu.vue
@@ -18,33 +18,31 @@
 			/>
 		</div>
 
-		<portal to="outlet">
-			<transition name="bounce">
+		<portal to="menu-outlet" v-if="isActive">
+			<div
+				class="v-menu-popper"
+				:key="id"
+				:id="id"
+				:class="{ active: isActive, attached }"
+				:data-placement="popperPlacement"
+				:style="styles"
+				v-click-outside="{
+					handler: deactivate,
+					middleware: onClickOutsideMiddleware,
+					disabled: isActive === false || closeOnClick === false,
+					events: ['click'],
+				}"
+			>
 				<div
-					class="v-menu-popper"
-					:id="id"
-					:class="{ active: isActive, attached }"
-					:data-placement="popperPlacement"
-					:style="styles"
-					v-if="isActive"
-					v-click-outside="{
-						handler: deactivate,
-						middleware: onClickOutsideMiddleware,
-						disabled: isActive === false || closeOnClick === false,
-						events: ['click'],
-					}"
-				>
-					<div
-						class="arrow"
-						:class="{ active: showArrow && isActive }"
-						:style="arrowStyles"
-						data-popper-arrow
-					/>
-					<div class="v-menu-content" @click.stop="onContentClick">
-						<slot :active="isActive" />
-					</div>
+					class="arrow"
+					:class="{ active: showArrow && isActive }"
+					:style="arrowStyles"
+					data-popper-arrow
+				/>
+				<div class="v-menu-content" @click.stop="onContentClick">
+					<slot :active="isActive" />
 				</div>
-			</transition>
+			</div>
 		</portal>
 	</div>
 </template>
@@ -410,68 +408,6 @@ body {
 	transform-origin: bottom right;
 }
 
-.bounce-enter-active,
-.bounce-leave-active {
-	transition: opacity var(--fast) var(--transition);
-
-	& > .v-menu-content {
-		transition: transform var(--fast) cubic-bezier(0, 0, 0.2, 1.5);
-	}
-}
-
-.bounce-enter,
-.bounce-leave-to {
-	opacity: 0;
-
-	&[data-placement='top'] > .v-menu-content {
-		transform: scaleY(0.8);
-	}
-
-	&[data-placement='top-start'] > .v-menu-content {
-		transform: scaleY(0.8) scaleX(0.8);
-	}
-
-	&[data-placement='top-end'] > .v-menu-content {
-		transform: scaleY(0.8) scaleX(0.8);
-	}
-
-	&[data-placement='right'] > .v-menu-content {
-		transform: scaleX(0.8);
-	}
-
-	&[data-placement='right-start'] > .v-menu-content {
-		transform: scaleY(0.8) scaleX(0.8);
-	}
-
-	&[data-placement='right-end'] > .v-menu-content {
-		transform: scaleY(0.8) scaleX(0.8);
-	}
-
-	&[data-placement='bottom'] > .v-menu-content {
-		transform: scaleY(0.8);
-	}
-
-	&[data-placement='bottom-start'] > .v-menu-content {
-		transform: scaleY(0.8);
-	}
-
-	&[data-placement='bottom-end'] > .v-menu-content {
-		transform: scaleY(0.8);
-	}
-
-	&[data-placement='left'] > .v-menu-content {
-		transform: scaleX(0.8);
-	}
-
-	&[data-placement='left-start'] > .v-menu-content {
-		transform: scaleY(0.8) scaleX(0.8);
-	}
-
-	&[data-placement='left-end'] > .v-menu-content {
-		transform: scaleY(0.8) scaleX(0.8);
-	}
-}
-
 .attached {
 	&[data-placement^='top'] {
 		> .v-menu-content {