diff --git a/.github/screen.png b/.github/screen.png
new file mode 100644
index 0000000..0c68a19
Binary files /dev/null and b/.github/screen.png differ
diff --git a/README.md b/README.md
index 43cd4c6..a9ddcfc 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,9 @@
 
 Svelte library for tooltips internally powered by the awesome [Popper.js](https://popper.js.org/) with sensible default values.
 
-Check out the **[demo]()** to see it in action.
+Check out the **[demo](https://svelte-hint.pages.dev/)** to see it in action.
+
+![Screenshot](.github/screen.png)
 
 ## 🌈 Features
 
diff --git a/src/components/Playground.svelte b/src/components/Playground.svelte
index 79b5c39..ea441b1 100644
--- a/src/components/Playground.svelte
+++ b/src/components/Playground.svelte
@@ -3,7 +3,7 @@
   import interact from 'interactjs'
   import { onMount } from 'svelte'
 
-  const directions = ['auto', 'top', 'right', 'bottom', 'left']
+  const directions = ['auto', 'left', 'top', 'bottom', 'right']
   const aligns = ['start', 'center', 'end']
 
   let offset = 4