@@ -380,26 +380,26 @@ class Generate extends React.Component {
380380
381381 <div className="col-md-3 col-md-offset-1 mt-9">
382382 <div className="fixed" style={{ width: '230px' }}>
383− <div className="col-md-12 bg-very-high h-2 mt-4"></div>
383+ <div className="col-md-12 bg-very-high h-2 mt-4" />
384384 <h4 className="text-600 mt-2">Very High Friction</h4>
385385 <p className="text-sm" style={{ lineHeight: '16px' }}>
386386 Extremely valuable. Cold storage on a 3 part sharded paper wallet.
387387 Store each shard in a separate geographic location with protection
388388 against fire, water and other elements.
389389 </p>
390− <div className="col-md-12 bg-high h-2 mt-4"></div>
390+ <div className="col-md-12 bg-high h-2 mt-4" />
391391 <h4 className="text-600 mt-2">High Friction</h4>
392392 <p className="text-sm" style={{ lineHeight: '16px' }}>
393393 Very valuable. Cold storage on a paper wallet in a different
394394 location than your computer, such as a safe.
395395 </p>
396− <div className="col-md-12 bg-medium h-2 mt-4"></div>
396+ <div className="col-md-12 bg-medium h-2 mt-4" />
397397 <h4 className="text-600 mt-2">Medium Friction</h4>
398398 <p className="text-sm" style={{ lineHeight: '16px' }}>
399399 Store cold in a paper wallet; can be stored in a desk drawer in a
400400 trusted environment.
401401 </p>
402− <div className="col-md-12 bg-low h-2 mt-4"></div>
402+ <div className="col-md-12 bg-low h-2 mt-4" />
403403 <h4 className="text-600 mt-2">Low Friction</h4>
404404 <p className="text-sm" style={{ lineHeight: '16px' }}>
405405 Ok to store hot on a trusted networked computer.