diff --git a/frontend/.env b/frontend/.env
index b8b9c8055b..0eec9140df 100644
--- a/frontend/.env
+++ b/frontend/.env
@@ -8,4 +8,4 @@ ODH_FAVICON=odh-favicon.svg
 ODH_NOTEBOOK_REPO=opendatahub
 
 ########## Change this version with each dashboard release ###########
-INTERNAL_DASHBOARD_VERSION=v2.26.0
+INTERNAL_DASHBOARD_VERSION=v2.27.0
diff --git a/frontend/src/pages/storageClasses/constants.ts b/frontend/src/pages/storageClasses/constants.ts
index 443a3dd004..f0a059e31f 100644
--- a/frontend/src/pages/storageClasses/constants.ts
+++ b/frontend/src/pages/storageClasses/constants.ts
@@ -14,7 +14,16 @@ export const columns: SortableData<StorageClassKind>[] = [
   {
     field: 'displayName',
     label: ColumnLabel.DisplayName,
-    sortable: (a, b) => a.metadata.name.localeCompare(b.metadata.name),
+    sortable: (a: StorageClassKind, b: StorageClassKind): number => {
+      const configDisplayNameA = getStorageClassConfig(a)?.displayName;
+      const configDisplayNameB = getStorageClassConfig(b)?.displayName;
+
+      if (configDisplayNameA && configDisplayNameB) {
+        return configDisplayNameA.localeCompare(configDisplayNameB);
+      }
+
+      return -1;
+    },
     info: {
       popoverProps: { headerContent: 'Display name' },
       popover: