diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index ee16c992d..180e3c3af 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -76,7 +76,7 @@ jobs:
       - name: Deploy to gh-pages
         if: |
           github.ref == 'refs/heads/master' &&
-          contains(github.event.head_commit.message, 'chore(release)')
+          (contains(github.event.head_commit.message, 'chore(release)') || contains(github.event.head_commit.message, '[update github demo]'))
         uses: peaceiris/actions-gh-pages@v3
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/examples/webpack-demo-vanilla-bundle/src/examples/example18.ts b/examples/webpack-demo-vanilla-bundle/src/examples/example18.ts
index 2bc368e07..209553eb1 100644
--- a/examples/webpack-demo-vanilla-bundle/src/examples/example18.ts
+++ b/examples/webpack-demo-vanilla-bundle/src/examples/example18.ts
@@ -178,6 +178,8 @@ export class Example34 {
       draggableGrouping: {
         dropPlaceHolderText: 'Drop a column header here to group by any of these available columns: Currency, Market or Type',
         deleteIconCssClass: 'mdi mdi-close color-danger',
+        sortAscIconCssClass: 'mdi mdi-arrow-up',
+        sortDescIconCssClass: 'mdi mdi-arrow-down',
       },
       enableDraggableGrouping: true,
       createPreHeaderPanel: true,