diff --git a/src/components/BlockView/BlockView.tsx b/src/components/BlockView/BlockView.tsx
index 18345fca..1da4ebb5 100644
--- a/src/components/BlockView/BlockView.tsx
+++ b/src/components/BlockView/BlockView.tsx
@@ -12,7 +12,7 @@ function BlockView(props: any) {
   }
 
   const {
-    number, timestamp, hash, parentHash, miner, nonce, difficulty,
+    timestamp, hash, parentHash, miner, nonce, difficulty,
     extraData, stateRoot, transactionsRoot, receiptsRoot, transactions,
   } = block;
 
@@ -22,7 +22,7 @@ function BlockView(props: any) {
         <TableBody>
           <TableRow>
             <TableCell>Number</TableCell>
-            <TableCell>{number}</TableCell>
+            <TableCell>{parseInt(block.number, 16)}</TableCell>
           </TableRow>
 
           <TableRow>
diff --git a/src/components/NodeList/NodeList.tsx b/src/components/NodeList/NodeList.tsx
index 2f7cb376..acb4172b 100644
--- a/src/components/NodeList/NodeList.tsx
+++ b/src/components/NodeList/NodeList.tsx
@@ -1,11 +1,11 @@
 import * as React from "react";
 import { Link } from "react-router-dom";
 
-interface Props {
+interface IProps {
   nodes: any[];
 }
 
-function NodeList(props: Props) {
+function NodeList(props: IProps) {
 
   const pendingTxs = (n: any) => {
     if (n.pendingBlock) {