diff --git a/src/containers/Drawers/ItemDetailDrawer/ItemDetailHeader.js b/src/containers/Drawers/ItemDetailDrawer/ItemDetailHeader.js
index a59ebc172..ce2f9ab8d 100644
--- a/src/containers/Drawers/ItemDetailDrawer/ItemDetailHeader.js
+++ b/src/containers/Drawers/ItemDetailDrawer/ItemDetailHeader.js
@@ -34,7 +34,7 @@ export default function ItemDetailHeader() {
         </DetailsMenu>
 
         <DetailsMenu direction={'horizantal'}>
-          <DetailItem label={intl.get('item_type')} children={item.type} />
+          <DetailItem label={intl.get('item_type')} children={item.type_formatted} />
           <DetailItem
             label={intl.get('item_code')}
             children={defaultTo(item.code, '-')}
diff --git a/src/containers/Items/components.js b/src/containers/Items/components.js
index bbc01fb84..e4bf09d98 100644
--- a/src/containers/Items/components.js
+++ b/src/containers/Items/components.js
@@ -69,9 +69,9 @@ export const SellPriceCell = ({ cell: { value } }) => {
 };
 
 export const ItemTypeAccessor = (row) => {
-  return row.type ? (
+  return row.type_formatted ? (
     <Tag minimal={true} round={true} intent={Intent.NONE}>
-      {intl.get(row.type)}
+      {row.type_formatted}
     </Tag>
   ) : null;
 };