updated alignment changes

storybookjs · Oct 6, 2023 · 1d52a86 · 1d52a86
1 parent 0e0d01b
commit 1d52a86
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/docs/essentials/highlight.md b/docs/essentials/highlight.md
@@ -32,12 +32,6 @@ To highlight DOM elements with the addon, you'll need to emit the `HIGHLIGHT` ev
 
 </div>
 
-<div class="aside">
-
-ℹ️  The `emit` function derived from the `useChannel` API hook creates a communication channel in Storybook's UI to listen for events and update the UI accordingly. The Highlight addon uses this channel to listen to custom events and update the highlighted elements (if any) accordingly.
-
-</div>
-
 ### Reset highlighted elements
 
 Out of the box, Storybook automatically removes highlighted elements when transitioning between stories. However, if you need to clear them manually, you can emit the `RESET_HIGHLIGHT` event from within a story or an addon. For example:
@@ -58,6 +52,12 @@ Out of the box, Storybook automatically removes highlighted elements when transi
 
 <!-- prettier-ignore-end -->
 
+<div class="aside">
+
+ℹ️  The `emit` function derived from the `useChannel` API hook creates a communication channel in Storybook's UI to listen for events and update the UI accordingly. The Highlight addon uses this channel to listen to custom events and update the highlighted elements (if any) accordingly.
+
+</div>
+
 ## Customize style
 
 By default, the addon applies a standard style to the highlighted elements you've enabled for the story. However, you can enable your custom style by extending the payload object and providing a `color` and/or `style` properties. For example: