diff --git a/web/src/components/ingestion/Curl.vue b/web/src/components/ingestion/Curl.vue
index 59db9628c4..1bc3f798d4 100644
--- a/web/src/components/ingestion/Curl.vue
+++ b/web/src/components/ingestion/Curl.vue
@@ -14,21 +14,20 @@
       </div>
     </div>
     <pre ref="content">
-  curl 
-  -u {{ currUserEmail }}:{{ store.state.organizationPasscode }} 
-  -k {{ config.zincENLIngestion }}/api/{{ currOrgIdentifier }}/default/_json
-  -d [JSON-DATA]</pre
+  curl -u {{ currUserEmail }}:{{ store.state.organizationPasscode }} -k {{
+        config.zincENLIngestion
+      }}/api/{{ currOrgIdentifier }}/default/_json -d [JSON-DATA]</pre
     >
   </div>
 </template>
 
 <script>
-import { defineComponent, ref, onMounted } from "vue";
+import { defineComponent, ref } from "vue";
 import config from "../../aws-exports";
 import { useStore } from "vuex";
 
 export default defineComponent({
-  name: "Curl",
+  name: "curl-mechanism",
   props: {
     currOrgIdentifier: {
       type: String,
@@ -84,4 +83,4 @@ export default defineComponent({
     margin-bottom: 0;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/web/src/components/ingestion/FluentBit.vue b/web/src/components/ingestion/FluentBit.vue
index 9eabf1a537..b772ea3569 100644
--- a/web/src/components/ingestion/FluentBit.vue
+++ b/web/src/components/ingestion/FluentBit.vue
@@ -31,12 +31,12 @@
 </template>
 
 <script>
-import { defineComponent, ref, onMounted } from "vue";
+import { defineComponent, ref } from "vue";
 import config from "../../aws-exports";
 import { useStore } from "vuex";
 
 export default defineComponent({
-  name: "Fluentbit",
+  name: "fluentbit-mechanism",
   props: {
     currOrgIdentifier: {
       type: String,
@@ -92,4 +92,4 @@ export default defineComponent({
     margin-bottom: 0;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/web/src/components/ingestion/Fluentd.vue b/web/src/components/ingestion/Fluentd.vue
index 7bdd2effec..d2c3b97771 100644
--- a/web/src/components/ingestion/Fluentd.vue
+++ b/web/src/components/ingestion/Fluentd.vue
@@ -38,12 +38,12 @@
 </template>
 
 <script>
-import { defineComponent, ref, onMounted } from "vue";
+import { defineComponent, ref } from "vue";
 import config from "../../aws-exports";
 import { useStore } from "vuex";
 
 export default defineComponent({
-  name: "Fluentbit",
+  name: "fluentd-mechanism",
   props: {
     currOrgIdentifier: {
       type: String,
@@ -99,4 +99,4 @@ export default defineComponent({
     margin-bottom: 0;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/web/src/locales/languages/en.json b/web/src/locales/languages/en.json
index ba4547f4ca..793ca0cf55 100644
--- a/web/src/locales/languages/en.json
+++ b/web/src/locales/languages/en.json
@@ -163,8 +163,8 @@
         "search": "Search Stream",
         "name": "Name",
         "docNum": "Doc Num",
-        "storageSize": "Ingested Data",
-        "compressedSize": "Compressed Size",
+        "storageSize": "Ingested Size",
+        "compressedSize": "Storage Size",
         "time": "Time",
         "storageType": "Storage Type",
         "shardNum": "Shard Number",
@@ -275,6 +275,6 @@
         "findIngestion": "Find how to ingest logs >>",
         "ingestionMsg": "Looks like you have not ingested any data to selected organization ,there are varoius ways in which data can be ingested like fluentbit.",
         "inestedInSearch": "Try Logs Search",
-        "searchInDemoOrg": "You can explore search capbilities by switching to demo organization ,to switch to demo organization ,select 'Demo Organization' using organization dropdown on top.We keep ingesting dummy data to Demo Organization."
+        "searchInDemoOrg": "You can explore search capbilities by switching to demo organization. To switch to demo organization, select 'Demo Organization' using organization dropdown on top."
     }
 }
\ No newline at end of file
diff --git a/web/src/views/LogIndex.vue b/web/src/views/LogIndex.vue
index fc11e86a35..a402269d56 100644
--- a/web/src/views/LogIndex.vue
+++ b/web/src/views/LogIndex.vue
@@ -179,6 +179,13 @@ export default defineComponent({
         align: "left",
         sortable: true,
       },
+      {
+        name: "compressed_size",
+        field: "compressed_size",
+        label: t("logindex.compressedSize"),
+        align: "left",
+        sortable: true,
+      },
       {
         name: "actions",
         field: "actions",