diff --git a/wagtail/wagtailsnippets/templates/wagtailsnippets/snippets/index.html b/wagtail/wagtailsnippets/templates/wagtailsnippets/snippets/index.html
index 34c790345..ec481c8f5 100644
--- a/wagtail/wagtailsnippets/templates/wagtailsnippets/snippets/index.html
+++ b/wagtail/wagtailsnippets/templates/wagtailsnippets/snippets/index.html
@@ -13,7 +13,7 @@
                     <div class="row row-flush title">
                         <h2>
                             <a href="{% url 'wagtailsnippets_list' content_type.app_label content_type.model %}" class="col6">
-                                {{ name|capfirst }} 
+                                {{ name|capfirst }}
                             </a>
                         </h2>
                         <small class="col6">{{ description }}</small>
diff --git a/wagtail/wagtailsnippets/views/snippets.py b/wagtail/wagtailsnippets/views/snippets.py
index 445a4f353..2255a6c4b 100644
--- a/wagtail/wagtailsnippets/views/snippets.py
+++ b/wagtail/wagtailsnippets/views/snippets.py
@@ -82,7 +82,7 @@ def index(request):
         if user_can_edit_snippet_type(request.user, content_type)
     ]
     return render(request, 'wagtailsnippets/snippets/index.html', {
-        'snippet_types': snippet_types,
+        'snippet_types': sorted(snippet_types, key=lambda x: x[0].lower()),
     })