diff --git a/es-ds-components/components/es-button.vue b/es-ds-components/components/es-button.vue
index 31f7ff777..69a96d82e 100644
--- a/es-ds-components/components/es-button.vue
+++ b/es-ds-components/components/es-button.vue
@@ -83,10 +83,20 @@ const getRootClasses = computed(() => {
 </script>
 
 <template>
+    <!--
+        <a> is needed for href because a root-relative link like /market/start/
+        that is passed to <nuxt-link :to="" /> will attempt to internally navigate
+        within a micro frontend, which will result in a 404
+    -->
+    <a
+        v-if="props.href"
+        :class="getRootClasses"
+        :href="props.href">
+        <slot />
+    </a>
     <nuxt-link
-        v-if="props.href || props.to"
-        :href="props.href || undefined"
-        :to="props.to || undefined"
+        v-else-if="props.to"
+        :to="props.to"
         :class="getRootClasses">
         <slot />
     </nuxt-link>