diff --git a/client/app/scripts/components/node-details-table.js b/client/app/scripts/components/node-details-table.js
index dd43a590c..5e5d4ea63 100644
--- a/client/app/scripts/components/node-details-table.js
+++ b/client/app/scripts/components/node-details-table.js
@@ -7,18 +7,22 @@ const NodeDetailsTable = React.createClass({
 
     return (
       <div className="node-details-table">
-        <h4 className="node-details-table-title">
+        <h4 className="node-details-table-title truncate" title={this.props.title}>
           {this.props.title}
         </h4>
 
         {this.props.rows.map(function(row) {
           return (
-            <div className="node-details-table-row">
-              <div className="node-details-table-row-key">{row.key}</div>
+            <div className="node-details-table-row" key={row.key + row.value_major}>
+              <div className="node-details-table-row-key truncate" title={row.key}>{row.key}</div>
               {isNumeric && <div className="node-details-table-row-value-scalar">{row.value_major}</div>}
               {isNumeric && <div className="node-details-table-row-value-unit">{row.value_minor}</div>}
-              {!isNumeric && <div className="node-details-table-row-value-major truncate">{row.value_major}</div>}
-              {!isNumeric && row.value_minor && <div className="node-details-table-row-value-minor truncate">{row.value_minor}</div>}
+              {!isNumeric && <div className="node-details-table-row-value-major truncate" title={row.value_major}>
+                {row.value_major}
+              </div>}
+              {!isNumeric && row.value_minor && <div className="node-details-table-row-value-minor truncate" title={row.value_minor}>
+                {row.value_minor}
+              </div>}
             </div>
           );
         })}
diff --git a/client/app/scripts/components/node-details.js b/client/app/scripts/components/node-details.js
index 0696bd79e..235a4f34d 100644
--- a/client/app/scripts/components/node-details.js
+++ b/client/app/scripts/components/node-details.js
@@ -1,3 +1,4 @@
+const _ = require('lodash');
 const React = require('react');
 
 const NodeDetailsTable = require('./node-details-table');
@@ -28,7 +29,7 @@ const NodeDetails = React.createClass({
     return (
       <div className="node-details">
         <div className="node-details-header node-details-header-notavailable">
-          <h2 className="node-details-header-label truncate">
+          <h2 className="node-details-header-label">
             n/a
           </h2>
           <div className="node-details-header-label-minor truncate">
@@ -64,15 +65,18 @@ const NodeDetails = React.createClass({
     return (
       <div className="node-details">
         <div className="node-details-header" style={style}>
-          <h2 className="node-details-header-label truncate">
+          <h2 className="node-details-header-label truncate" title={details.label_major}>
             {details.label_major}
           </h2>
-          <div className="node-details-header-label-minor truncate">{details.label_minor}</div>
+          <div className="node-details-header-label-minor truncate" title={details.label_minor}>
+            {details.label_minor}
+          </div>
         </div>
 
         <div className="node-details-content">
           {details.tables.map(function(table) {
-            return <NodeDetailsTable title={table.title} rows={table.rows} isNumeric={table.numeric} />;
+            const key = _.snakeCase(table.title);
+            return <NodeDetailsTable title={table.title} key={key} rows={table.rows} isNumeric={table.numeric} />;
           })}
         </div>
       </div>
diff --git a/client/app/styles/main.less b/client/app/styles/main.less
index 2dba6430f..32eaf6e0a 100644
--- a/client/app/styles/main.less
+++ b/client/app/styles/main.less
@@ -310,7 +310,9 @@ body {
 
   &-table {
 
-    margin-bottom: 8px;
+    &:last-child {
+      margin-bottom: 1em;
+    }
 
     &-title {
       text-transform: uppercase;