diff --git a/src/components/ActionButton/ActionButton.vue b/src/components/ActionButton/ActionButton.vue
index 91b46115e4..c877b6d4aa 100644
--- a/src/components/ActionButton/ActionButton.vue
+++ b/src/components/ActionButton/ActionButton.vue
@@ -85,12 +85,12 @@ export default {
 			:aria-label="ariaLabel"
 			:class="{ focusable: isFocusable }"
 			@click="onClick">
-			<!-- @slot Manually provide icon -->
-			<slot name="icon">
-				<span :class="[isIconUrl ? 'action-button__icon--url' : icon]"
-					:style="{ backgroundImage: isIconUrl ? `url(${icon})` : null }"
-					class="action-button__icon" />
-			</slot>
+			<span :class="[isIconUrl ? 'action-button__icon--url' : icon]"
+				:style="{ backgroundImage: isIconUrl ? `url(${icon})` : null }"
+				class="action-button__icon">
+				<!-- @slot Manually provide icon -->
+				<slot name="icon" />
+			</span>
 
 			<!-- long text with title -->
 			<p v-if="title">