diff --git a/src/components/button_unstyled.style.js b/src/components/button_unstyled.style.js
index a4f0f6f99..4142f9a3c 100644
--- a/src/components/button_unstyled.style.js
+++ b/src/components/button_unstyled.style.js
@@ -10,14 +10,13 @@ export default {
   },
   validInnerComponents: [
     'Text',
+    'Link',
     'Icon',
     'Badge'
   ],
   defaultRules: [
     {
       directives: {
-        background: '#ffffff',
-        opacity: 0,
         shadow: []
       }
     },
diff --git a/src/services/theme_data/theme_data_3.service.js b/src/services/theme_data/theme_data_3.service.js
index 04a6dfbbd..fd088e88a 100644
--- a/src/services/theme_data/theme_data_3.service.js
+++ b/src/services/theme_data/theme_data_3.service.js
@@ -284,8 +284,8 @@ export const init = ({
       computed[selector] = computed[selector] || {}
       computed[selector].computedRule = computedRule
       computed[selector].dynamicVars = dynamicVars
-      computed[selector].virtualDirectives = computed[lowerLevelSelector]?.virtualDirectives || {}
-      computed[selector].virtualDirectivesRaw = computed[lowerLevelSelector]?.virtualDirectivesRaw || {}
+      computed[selector].virtualDirectives = {}
+      computed[selector].virtualDirectivesRaw = {}
 
       if (virtualComponents.has(combination.component)) {
         const virtualName = [