diff --git a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/FileVersionItem.tsx b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/FileVersionItem.tsx
index 834c2816e..964f3b39b 100644
--- a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/FileVersionItem.tsx
+++ b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/FileVersionItem.tsx
@@ -29,6 +29,7 @@ import {
   RecoverIcon,
   ShareIcon,
 } from "../../../../../../icons";
+import { niceBytes } from "../../../../../../common/utils";
 
 interface IFileVersionItem {
   fileName: string;
@@ -197,6 +198,9 @@ const FileVersionItem = ({
               {versionInfo.last_modified}
             </reactMoment.default>
           </span>
+          <span className={classes.versionData}>
+            <strong>Size:</strong> {niceBytes(versionInfo.size || "0")}
+          </span>
           <span className={classes.versionData}>
             <strong>Deleted:</strong>{" "}
             {versionInfo.is_delete_marker ? "Yes" : "No"}
diff --git a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/VersionsNavigator.tsx b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/VersionsNavigator.tsx
index 84887f434..f28098000 100644
--- a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/VersionsNavigator.tsx
+++ b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/VersionsNavigator.tsx
@@ -286,25 +286,17 @@ const VersionsNavigator = ({
 
   filteredRecords.sort((a, b) => {
     switch (sortValue) {
-      case "version":
-        if (a.version_id && b.version_id) {
-          if (a.version_id < b.version_id) {
+      case "size":
+        if (a.size && b.size) {
+          if (a.size < b.size) {
             return -1;
           }
-          if (a.version_id > b.version_id) {
+          if (a.size > b.size) {
             return 1;
           }
           return 0;
         }
         return 0;
-      case "deleted":
-        if (a.is_delete_marker && !b.is_delete_marker) {
-          return -1;
-        }
-        if (!a.is_delete_marker && b.is_delete_marker) {
-          return 1;
-        }
-        return 0;
       default:
         const dateA = new Date(a.last_modified).getTime();
         const dateB = new Date(b.last_modified).getTime();
@@ -430,10 +422,9 @@ const VersionsNavigator = ({
                       options={[
                         { label: "Date", value: "date" },
                         {
-                          label: "Version ID",
-                          value: "version",
+                          label: "Size",
+                          value: "size",
                         },
-                        { label: "Deleted", value: "deleted" },
                       ]}
                     />
                   </Fragment>