diff --git a/layouts/docs/tutorials.html b/layouts/docs/tutorials.html
index 103bafebe47..23654e5dbf1 100644
--- a/layouts/docs/tutorials.html
+++ b/layouts/docs/tutorials.html
@@ -50,11 +50,18 @@ <h4 class="alert-heading">Javascript</h4>
                         </div>
                         <div class="card-container">
                             <div class="row-no-margin">
-                                {{ range first 20 (where .Site.Pages "Section" "tutorials") }}
-                                {{ range .Pages }}
-{{ partial "tutorialcard-no-js.html" (dict "link" (.RelPermalink)) }}
-                                {{ end }}
-                                {{ end }}
+                                {{ partial "tutorialcard-no-js.html" (dict "link" "/tutorials/get-started/blink-an-led/") }}
+                                {{ partial "tutorialcard-no-js.html" (dict "link" "/tutorials/get-started/try-viam-sdk/") }}
+                                {{ partial "tutorialcard-no-js.html" (dict "link" "/tutorials/get-started/servo-mousemover/") }}
+                                {{ partial "tutorialcard-no-js.html" (dict "link" "/tutorials/get-started/confetti-bot/") }}
+                                {{ partial "tutorialcard-no-js.html" (dict "link" "/tutorials/get-started/lazy-susan/") }}
+                                {{ partial "tutorialcard-no-js.html" (dict "link" "/tutorials/configure/build-a-mock-robot/") }}
+                                {{ partial "tutorialcard-no-js.html" (dict "link" "/tutorials/services/accessing-and-moving-robot-arm/") }}
+                                {{ partial "tutorialcard-no-js.html" (dict "link" "/tutorials/services/plan-motion-with-arm-gripper/") }}
+                                {{ partial "tutorialcard-no-js.html" (dict "link" "/tutorials/services/constrain-motion/") }}
+                                {{ partial "tutorialcard-no-js.html" (dict "link" "/tutorials/services/color-detection-scuttle/") }}
+                                {{ partial "tutorialcard-no-js.html" (dict "link" "/tutorials/services/webcam-line-follower-robot/") }}
+                                {{ partial "tutorialcard-no-js.html" (dict "link" "/tutorials/services/data-management-tutorial/") }}
                             </div>
                         </div>
                     </noscript>
diff --git a/layouts/partials/sidebar-tree.html b/layouts/partials/sidebar-tree.html
index a7af719a9ed..47af39d08a6 100644
--- a/layouts/partials/sidebar-tree.html
+++ b/layouts/partials/sidebar-tree.html
@@ -66,7 +66,7 @@
         <a href="{{ $manualLink }}"{{ if ne $s.LinkTitle $manualLinkTitle }} title="{{ $manualLinkTitle }}"{{ end }}{{ with $s.Params.manualLinkTarget }} target="{{ . }}"{{ if eq . "_blank" }} rel="noopener"{{ end }}{{ end }} class="{{ if $active}} active{{ end }}{{ if $treeRoot }} tree-root{{ end }}">{{ $s.LinkTitle }}
         </a>
       {{- end }}
-      {{- if (and $withChild (not $treeRoot) ) }}
+      {{- if (and (and $withChild (not $treeRoot) (ne  .section.File.Path "tutorials/_index.md" ) ) ) }}
       <span class="menu-toggle">
         {{ if (or $activePath $active) }}
           <i class="fas fa-chevron-down lozad"></i>
@@ -80,7 +80,7 @@
       </a>
   {{ end }}
   {{- end }}
-  {{- if $withChild }}
+  {{- if (and $withChild (ne .section.File.Path "tutorials/_index.md" ) ) }}
   {{- $ulNr := add $ulNr 1 }}
   <ul class="ul-{{ $ulNr }}">
     {{ range $pages -}}
diff --git a/layouts/partials/tutorialcard-no-js.html b/layouts/partials/tutorialcard-no-js.html
index 1b8089fa5a0..d5b644f2920 100644
--- a/layouts/partials/tutorialcard-no-js.html
+++ b/layouts/partials/tutorialcard-no-js.html
@@ -54,6 +54,6 @@
       </a>
       {{ end }}
   {{ else }}
-  {{ warnf "Tutorial card has a bad link: %s" $link }}
+  {{ warnf "?Tutorial card has a bad link: %s" $link }}
   {{ end }}
 </div>
diff --git a/static/js/tutorials.js b/static/js/tutorials.js
index 1ab3d914036..11281f48b43 100644
--- a/static/js/tutorials.js
+++ b/static/js/tutorials.js
@@ -75,20 +75,23 @@ search.addWidgets([
   })(instantsearch.widgets.refinementList)({
     container: '#languages-list',
     attribute: 'languages',
+    sortBy: ['name:asc']
   }),
   instantsearch.widgets.panel({
     templates: { header: 'Components' },
   })(instantsearch.widgets.refinementList)({
     container: '#components-list',
     attribute: 'viamcomponents',
-    operator: 'and'
+    operator: 'and',
+    sortBy: ['name:asc']
   }),
   instantsearch.widgets.panel({
     templates: { header: 'Services' },
   })(instantsearch.widgets.refinementList)({
     container: '#services-list',
     attribute: 'viamservices',
-    operator: 'and'
+    operator: 'and',
+    sortBy: ['name:asc']
   }),
   instantsearch.widgets.panel({
     templates: { header: 'Approximate cost' },