diff --git a/public/css/style.css b/public/css/style.css
index f22cc49..b341968 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -222,7 +222,7 @@ table td {
 }
 
 .th-blockhash {
-	width: 460px;
+	width: 140px;
 }
 
 .th-blocktime {
diff --git a/public/js/filters.js b/public/js/filters.js
index f361756..6c31184 100644
--- a/public/js/filters.js
+++ b/public/js/filters.js
@@ -66,7 +66,7 @@ angular.module('netStatsApp.filters', [])
 })
 .filter('hashFilter', function() {
 	return function(hash) {
-		return hash.substr(0, 6) + '...' + hash.substr(58, 6);
+		return hash.substr(0, 8) + '...' + hash.substr(56, 8);
 	}
 })
 .filter('timeClass', function() {
diff --git a/views/index.jade b/views/index.jade
index f07a753..7af1255 100644
--- a/views/index.jade
+++ b/views/index.jade
@@ -146,7 +146,7 @@ block content
             td(style="padding-left: 15px;") {{node.stats.pending}}
             td(class="{{ node.stats.block.number | blockClass : bestBlock }}") {{'#' + node.stats.block.number}}
             td(class="{{ node.stats.block.number | blockClass : bestBlock }}")
-              span.small {{node.stats.block.hash}}
+              span.small {{node.stats.block.hash | hashFilter}}
             td(style="padding-left: 14px;") {{node.stats.block.transactions.length || 0}}
             td(class="{{ node.stats.block.received | timeClass }}") {{node.stats.block.received | blockTimeFilter }}
             td(class="{{ node.stats.block | propagationTimeClass : bestBlock }}") {{node.stats.block.propagation | blockPropagationFilter}}