diff --git a/src/pages/project.js b/src/pages/project.js
index f238d34c..2d42b7d8 100644
--- a/src/pages/project.js
+++ b/src/pages/project.js
@@ -80,7 +80,11 @@ export const PageProject = ({ router }) => {
   }
   // Sort alphabetically by environmentType and then deployType
   const environments = R.sortWith(
-    [R.descend(R.prop('environmentType')), R.ascend(R.prop('deployType')), R.ascend(R.prop('name'))],
+    [
+      R.descend(R.prop('environmentType')),
+      R.ascend(R.prop('deployType')),
+      R.ascend(env => (env.deployType === 'branch' ? env.name : null)),
+    ],
     project.environments
   );
   const environmentCount = environments.length;