From aac77e1668d2b3fd96c2e77b4626b7b0ae7bf233 Mon Sep 17 00:00:00 2001
From: Csaba Tuncsik <csaba@n8n.io>
Date: Wed, 3 Apr 2024 11:16:46 +0200
Subject: [PATCH] fix(editor): Fix execution debug button (#9018)

---
 .../ExecutionsView/ExecutionPreview.vue         | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/packages/editor-ui/src/components/ExecutionsView/ExecutionPreview.vue b/packages/editor-ui/src/components/ExecutionsView/ExecutionPreview.vue
index 28342e07f2..e8a63a9f30 100644
--- a/packages/editor-ui/src/components/ExecutionsView/ExecutionPreview.vue
+++ b/packages/editor-ui/src/components/ExecutionsView/ExecutionPreview.vue
@@ -79,14 +79,7 @@
 				</n8n-text>
 			</div>
 			<div>
-				<n8n-button
-					size="medium"
-					:type="debugButtonData.type"
-					:class="{
-						[$style.debugLink]: true,
-						[$style.secondary]: debugButtonData.type === 'secondary',
-					}"
-				>
+				<n8n-button size="medium" :type="debugButtonData.type" :class="$style.debugLink">
 					<router-link
 						:to="{
 							name: VIEWS.EXECUTION_DEBUG,
@@ -297,7 +290,13 @@ export default defineComponent({
 }
 
 .debugLink {
-	height: 42px;
 	margin-right: var(--spacing-xs);
+	padding: 0;
+
+	a > span {
+		display: block;
+		padding: var(--button-padding-vertical, var(--spacing-xs))
+			var(--button-padding-horizontal, var(--spacing-m));
+	}
 }
 </style>