@@ -18,8 +18,8 @@ class Passport extends React.Component {
1818 paper: null
1919 }
2020
21− this.masterScreen = this.generateScreen()
22− this.managementScreen = this.generateScreen()
21+ this.masterCensor = this.generateCensor()
22+ this.managementCensor = this.generateCensor()
2323
2424 this.download = this.download.bind(this)
2525 }
@@ -29,18 +29,20 @@ class Passport extends React.Component {
2929 this.props.pushWalletState(WALLET_STATES.DOWNLOADED)
3030 }
3131
32− generateScreen() {
32+ generateCensor() {
3333 let blocks = [];
3434
35− for (var i = 0; i < 80; i++) {
35+ for (var i = 0; i < 86; i++) {
3636 let rand = Math.round(Math.random())
37− let className = rand ? "passport-block bg-gray-30" : "passport-block"
37+ let filled = (rand || i === 0 || i === 43)
3838
39− blocks.push(<div key={i} className={className}></div>)
39+ let className = filled ? "passport-block bg-gray-30" : "passport-block"
40+
41+ blocks.push(<div key={i} data-key={i}className={className}></div>)
4042 }
4143
4244 return (
43− <div className="flex flex-wrap">
45+ <div className="flex flex-wrap passport-censor">
4446 {blocks}
4547 </div>
4648 )
@@ -180,10 +182,10 @@ class Passport extends React.Component {
180182 <div className="passport-value">{ownershipAddress || 'Ungenerated'}</div>
181183
182184 <div className="passport-label gray-50 mt-3">Master Ticket</div>
183− <div className="passport-value">{ownershipAddress ? this.masterScreen : 'Ungenerated'}</div>
185+ <div className="passport-value overflow-hidden">{this.masterCensor}</div>
184186
185187 <div className="passport-label gray-50 mt-5">Managment Seed</div>
186− <div className="passport-value">{ownershipAddress ? this.managementScreen : 'Ungenerated'}</div>
188+ <div className="passport-value overflow-hidden">{this.managementCensor}</div>
187189 </div>
188190
189191 {wallet &&