diff --git a/docs/content/changelog/CHANGELOG.md b/docs/content/changelog/CHANGELOG.md
index d1487322..e24f4be7 100644
--- a/docs/content/changelog/CHANGELOG.md
+++ b/docs/content/changelog/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## [3.1.0] - (Upcoming release)
 
 - [#77](https://github.com/estruyf/vscode-front-matter/issues/77): Dashboard grouping pages functionality integrated
+- [#87](https://github.com/estruyf/vscode-front-matter/issues/87): Fix issue with autofocus and command palette
 
 ## [3.0.2] - 2021-08-31
 
diff --git a/docs/pages/showcase/index.tsx b/docs/pages/showcase/index.tsx
index f56e7318..66493ea6 100644
--- a/docs/pages/showcase/index.tsx
+++ b/docs/pages/showcase/index.tsx
@@ -25,6 +25,12 @@ const toBase64 = (str: string) =>
     ? Buffer.from(str).toString('base64')
     : window.btoa(str);
 
+const sortTitle = (a: { title: string }, b: { title: string }) => {
+  if (a.title < b.title) return -1;
+  if (a.title > b.title) return 1;
+  return 0;
+};
+
 export default function Home({ showcases }: any) {
   const { t: strings } = useTranslation();
   
@@ -43,7 +49,7 @@ export default function Home({ showcases }: any) {
           </div>
 
           <div className={`py-8 grid grid-cols-1 lg:grid-cols-2 gap-8`}>
-            {showcases.filter((showcase: any) => showcase.image).map((showcase: any) => (
+            {showcases.filter((showcase: any) => showcase.image).sort(sortTitle).map((showcase: any) => (
               <a key={showcase.title} className="group space-y-2 md:space-y-5 relative" href={showcase.link} title={showcase.title} rel={`noopener noreferrer`}>
                 <figure className={`relative h-64 lg:h-[25rem] overflow-hidden grayscale group-hover:grayscale-0`}>
                   <Image 
diff --git a/docs/public/showcases/m365princess.png b/docs/public/showcases/m365princess.png
new file mode 100644
index 00000000..ffd78e1f
Binary files /dev/null and b/docs/public/showcases/m365princess.png differ
diff --git a/docs/showcases.json b/docs/showcases.json
index f705c5d4..4bce2ba8 100644
--- a/docs/showcases.json
+++ b/docs/showcases.json
@@ -19,5 +19,12 @@
     "description": "Squarl is created with Next.js and Tailwind. Managed by Front Matter.",
     "image": "squarl.png",
     "generator": "Next.js"
+  },
+  {
+    "title": "M365Princess.com",
+    "link": "https://m365princess.com",
+    "description": "Personal website/blog of Luise Freese created with a Hugo template. Managed with Front Matter.",
+    "image": "m365princess.png",
+    "generator": "Hugo"
   }
 ]
\ No newline at end of file