diff --git a/frontend/public/components/persistent-volume-claim.jsx b/frontend/public/components/persistent-volume-claim.jsx
index 60523f84256..841f470917a 100644
--- a/frontend/public/components/persistent-volume-claim.jsx
+++ b/frontend/public/components/persistent-volume-claim.jsx
@@ -36,6 +36,7 @@ const tableColumnClasses = [
   classNames('col-lg-2', 'col-md-2', 'col-sm-4', 'hidden-xs'),
   classNames('col-lg-3', 'col-md-3', 'hidden-sm', 'hidden-xs'),
   classNames('col-lg-3', 'col-md-3', 'hidden-sm', 'hidden-xs'),
+  classNames('col-lg-3', 'col-md-3', 'hidden-sm', 'hidden-xs'),
   Kebab.columnClass,
 ];
 
@@ -72,9 +73,15 @@ const PVCTableHeader = () => {
       props: { className: tableColumnClasses[4] },
     },
     {
-      title: '',
+      title: 'Storage Class',
+      sortField: 'spec.storageClassName',
+      transforms: [sortable],
       props: { className: tableColumnClasses[5] },
     },
+    {
+      title: '',
+      props: { className: tableColumnClasses[6] },
+    },
   ];
 };
 PVCTableHeader.displayName = 'PVCTableHeader';
@@ -116,7 +123,18 @@ const PVCTableRow = ({ obj, index, key, style }) => {
       <TableData className={tableColumnClasses[4]}>
         {_.get(obj, 'status.capacity.storage', '-')}
       </TableData>
-      <TableData className={tableColumnClasses[5]}>
+      <TableData className={classNames(tableColumnClasses[5])}>
+        {obj?.spec?.storageClassName ? (
+          <ResourceLink
+            kind="StorageClass"
+            name={obj?.spec?.storageClassName}
+            title={obj?.spec?.storageClassName}
+          />
+        ) : (
+          <div className="text-muted">-</div>
+        )}
+      </TableData>
+      <TableData className={tableColumnClasses[6]}>
         <ResourceKebab actions={menuActions} kind={kind} resource={obj} />
       </TableData>
     </TableRow>