Emmet auto completing HTML tags instead of CSS

How can I stop emmet from putting tags into my styled components I have put this into my settings.json

"emmet.includeLanguages": {
        "javascript": "javascriptreact"
    },
  "files.associations": {
      "*.js": "javascriptreact"
  }

[NayamAmarshe]

Here’s a small fix, add this in your settings.json:

"emmet.showSuggestionsAsSnippets": true,
"editor.snippetSuggestions": "bottom",

[JoshuaCWebDeveloper]

After trying all the suggestions in this thread, none of them worked, but I realized that the auto-completion to HTML only happened when the suggestion box was shown (press Esc before Tab and the completion would work fine). Here is the config I needed in order to get Emmet to expand m:10 to margin: 10px; on Tab:

"emmet.triggerExpansionOnTab": true,
"emmet.showExpandedAbbreviation": "never"