docs: fix spelling error in component.md (#348)

* docs: fix spelling error in component.md

* docs: fix grammatical error in component.md

Author: idorenyinudoh

docs/content/2.usage/1.component.md

@@ -174,7 +174,7 @@ Works nicely with the [NuxtIcon](https://github.com/nuxt-modules/icon) module, i
 
 ## Styling
 
-The `<SocialShare>` component comes unstyled by default, only providing some minimal flex properties to correctly align icon and label, to allow for easy integration in any kind of UI. This behavoir can be easily overridden by using the `:styled="true"` prop.
+The `<SocialShare>` component comes unstyled by default, only providing some minimal flex properties to correctly align icon and label, to allow for easy integration in any kind of UI. This behavior can be easily overridden by using the `:styled="true"` prop.
 
 Both the styled and unstyled versions can be further customized, mainly by working directly with its CSS. In addition to the CSS classes shown above, each button also has a *local* `--color-brand` CSS variable, that can be used to customize each instance.