diff --git a/docs/demos/advanced.md b/docs/demos/advanced.md
index 28744a5..f4b3b03 100644
--- a/docs/demos/advanced.md
+++ b/docs/demos/advanced.md
@@ -5,8 +5,7 @@ sort: 2
 
 ## Demo 1
 
-{.tip}
-> Right click on each item to see a more customized context menu appear for each item.
+> {tip} Right click on each item to see a more customized context menu appear for each item.
 
 <div id="advanced-1-app">
     <div style="margin-bottom: 1rem;">
@@ -111,8 +110,7 @@ export default {
 
 ## Demo 2
 
-{.tip}
-> Right click on each of the colors to have a context menu appear to allow you do add or
+> {tip} Right click on each of the colors to have a context menu appear to allow you do add or
 > remove the color from the array of selected colors.
 
 <div id="advanced-2-app">
diff --git a/docs/demos/basic.md b/docs/demos/basic.md
index fcbb309..0dcaa4a 100644
--- a/docs/demos/basic.md
+++ b/docs/demos/basic.md
@@ -3,15 +3,13 @@ title: Basic Demo
 sort: 1
 ---
 
-{.tip}
-> Right click on each item to open the context menu.
+> {tip} Right click on each item to open the context menu.
 
 <div id="basic-app" style="margin-bottom: 1rem;">
     <basic-usage></basic-usage>
 </div>
 
-{.tip}
-> Try using the up and down arrows as well to navigate the menu.
+> {tip} Try using the up and down arrows as well to navigate the menu.
 
 ```html
 <template>
diff --git a/docs/installation.md b/docs/installation.md
index b56fed5..0033619 100644
--- a/docs/installation.md
+++ b/docs/installation.md
@@ -70,6 +70,5 @@ to prevent the default behavior. In this example, the context menu has a ref of
 referring to. When each item is clicked on, the text of the item is sent to the `onClick` method on the Vue instance,
 which is then shown via an alert.
 
-{.tip}
-> The context menu defaults to a `<ul>` tag. For best results, make each menu item an `<a>` tag wrapped inside
+> {tip} The context menu defaults to a `<ul>` tag. For best results, make each menu item an `<a>` tag wrapped inside
 > of an `<li>` tag.
diff --git a/docs/questions-and-issues.md b/docs/questions-and-issues.md
index b5a115f..fcede32 100644
--- a/docs/questions-and-issues.md
+++ b/docs/questions-and-issues.md
@@ -6,4 +6,4 @@ sort: 3
 Find yourself stuck using the package? Found a bug? Do you have general questions or suggestions for improving the package?
 Feel free to [create an issue on Github](https://github.com/rawilk/vue-context/issues) and I'll try to address it as soon as possible.
 
-If you've found a bug regarding security please email [randall@randallwilk.dev](mailto:randall@randallwilk.dev) instead of using the issue tracker.
+> {note} If you've found a bug regarding security please email [randall@randallwilk.dev](mailto:randall@randallwilk.dev) instead of using the issue tracker.