diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7544196c29..daf32d5b6c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -17,7 +17,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 * [\#1449](https://github.com/cosmos/voyager/issues/1449) shortNumber to num scripts for more readable numbers. @jbibla
 * [\#1464](https://github.com/cosmos/voyager/issues/1464) Added governance transactions to tx history page @fedekunze
 * [\1401](https://github.com/cosmos/voyager/issues/1401) Display governance proposals index. @fedekunze
-* [\#1472](https://github.com/cosmos/voyager/issues/1472) Added mock functionality for redelegation @fedekunze + @faboweb 
+* [\#1472](https://github.com/cosmos/voyager/issues/1472) Added mock functionality for redelegation @fedekunze + @faboweb
+* [\1502](https://github.com/cosmos/voyager/issues/1502) A page for each proposal. @jbibla
 
 ### Changed
 
diff --git a/app/src/renderer/components/common/TmBalance.vue b/app/src/renderer/components/common/TmBalance.vue
index 63a29a817b..4e11640f07 100644
--- a/app/src/renderer/components/common/TmBalance.vue
+++ b/app/src/renderer/components/common/TmBalance.vue
@@ -130,5 +130,7 @@ export default {
 
     &.tab-selected
       border-bottom 2px solid var(--tertiary)
-      color var(--bright)
+
+      a
+        color var(--bright)
 </style>
diff --git a/app/src/renderer/components/governance/LiProposal.vue b/app/src/renderer/components/governance/LiProposal.vue
index 0dd7231638..3390a890e3 100644
--- a/app/src/renderer/components/governance/LiProposal.vue
+++ b/app/src/renderer/components/governance/LiProposal.vue
@@ -1,9 +1,11 @@
 <template lang="pug">
-tr.li-proposal.li-validator
+tr.li-proposal
   td.li-proposal__value
-    h2 {{ proposal.title }}
-    p Status: {{ proposal.proposal_status }}
-    //- .proposal-profile__status(v-bind:class="statusColor" v-tooltip.top="proposal.proposal_status")
+    span.validator-profile__status(v-bind:class="status.color" v-tooltip.top="status.message")
+    h2
+      router-link(:to="{ name: 'Proposal', params: { proposalId, proposal, status }}") {{ proposal.title }}
+    p {{ description }}
+  td {{ submitBlock }}
   td.li-proposal__value.yes {{ proposal.tally_result.yes }}
   td.li-proposal__value.no {{ proposal.tally_result.no }}
   td.li-proposal__value.no_with_veto {{ proposal.tally_result.no_with_veto }}
@@ -11,18 +13,52 @@ tr.li-proposal.li-validator
 </template>
 
 <script>
+import num from "scripts/num"
 export default {
   name: `li-proposal`,
   computed: {
-    statusColor() {
-      if (this.proposal.proposal_status === `Rejected`) return `red`
-      else if (this.proposal.proposal_status === `Passed`) return `green`
+    status() {
+      if (this.proposal.proposal_status === `Passed`)
+        return {
+          button: null,
+          message: `This proposal has passed`,
+          color: `green`
+        }
+      if (this.proposal.proposal_status === `Rejected`)
+        return {
+          button: null,
+          message: `This proposal has been rejected and voting is closed`,
+          color: `red`
+        }
+      if (this.proposal.proposal_status === `Pending`)
+        return {
+          button: `deposit`,
+          message: `Deposits are open for this proposal`,
+          color: `yellow`
+        }
+      if (this.proposal.proposal_status === `Active`)
+        return {
+          button: `vote`,
+          message: `Voting for this proposal is open`,
+          color: `blue`
+        }
+      else
+        return {
+          button: null,
+          message: `There was an error determining the status of this proposal.`,
+          color: `grey`
+        }
     },
-    // TODO redirect to proposal page
-    proposalLink() {
-      return {
-        name: ``
-      }
+    description() {
+      return this.proposal.description.length > 100
+        ? this.proposal.description.substring(0, 100) + `…`
+        : this.proposal.description.substring(0, 100)
+    },
+    submitBlock() {
+      return `#` + num.prettyInt(this.proposal.submit_block)
+    },
+    proposalId() {
+      return this.proposal.proposal_id
     }
   },
   props: [`proposal`]
@@ -34,7 +70,23 @@ export default {
 
 .li-proposal
   margin 0.5rem 0rem 0.5rem 2rem
+  background-color var(--app-fg)
+  border-radius 0.25rem
+  border 1px solid var(--bc-dim)
+
+  &:hover
+    background var(--hover-bg)
+
+  .validator-profile__status
+    position relative
+    left 0
+    top inherit
+    display inline-block
+
+  h2
+    display inline-block
+    padding-left 0.5rem
 
   td
-    padding 0.5rem
+    padding 1rem 0.5rem
 </style>
diff --git a/app/src/renderer/components/governance/PageProposal.vue b/app/src/renderer/components/governance/PageProposal.vue
new file mode 100644
index 0000000000..0d1728ca09
--- /dev/null
+++ b/app/src/renderer/components/governance/PageProposal.vue
@@ -0,0 +1,136 @@
+<template lang="pug">
+tm-page(data-title='Proposal')
+  template(slot="menu-body"): tm-balance
+  div(slot="menu"): tm-tool-bar
+    router-link(to="/governance" exact): i.material-icons arrow_back
+
+  tm-data-error(v-if="!proposal")
+
+  template(v-else)
+    .validator-profile__header.validator-profile__section.proposal
+      .column.validator-profile__header__info
+        .row.validator-profile__header__name
+          .top.column
+            div.validator-profile__status-and-title
+              span.validator-profile__status(v-bind:class="status.color" v-tooltip.top="status.message")
+              .validator-profile__header__name__title {{ proposal.title }}
+          .column.validator-profile__header__actions
+            tm-btn(v-if="status.button === 'vote'" value="Vote" color="primary")
+            tm-btn(v-if="status.button === 'deposit'" value="Deposit" color="primary")
+            tm-btn(v-if="!status.button" disabled value="Deposit / Vote" color="primary")
+
+        .row.description
+          p This {{ proposalType }} proposal ({{ `#` + proposal.proposal_id }}) was submitted at block {{ submitBlock }} and voting started at {{ voteBlock }}.
+
+        .row.validator-profile__header__data.votes
+          dl.colored_dl
+            dt Deposit
+            dd {{ proposal.total_deposit[0].amount + ` ` + proposal.total_deposit[0].denom }}
+          .validator-profile__header__data__break
+          dl.colored_dl
+            dt Yes
+            dd {{ proposal.tally_result.yes }} / {{ yesPercentage }}
+          dl.colored_dl
+            dt No
+            dd {{ proposal.tally_result.no }} / {{ noPercentage }}
+          dl.colored_dl
+            dt No with Veto
+            dd {{ proposal.tally_result.no_with_veto }} / {{ noWithVetoPercentage }}
+          dl.colored_dl
+            dt Abstain
+            dd {{ proposal.tally_result.abstain }} / {{ abstainPercentage }}
+
+    .validator-profile__details.validator-profile__section
+      .column
+        .row
+          text-block(:content="proposal.description")
+</template>
+
+<script>
+import num from "scripts/num"
+import { TmBtn, TmPage, TmToolBar } from "@tendermint/ui"
+import TmBalance from "common/TmBalance"
+import FieldVote from "common/TmFieldVote"
+import TextBlock from "common/TextBlock"
+export default {
+  name: `page-proposal`,
+  props: [`proposal`, `status`],
+  components: {
+    TmBalance,
+    TmBtn,
+    FieldVote,
+    TmToolBar,
+    TmPage,
+    TextBlock
+  },
+  computed: {
+    proposalType() {
+      return this.proposal.proposal_type.toLowerCase()
+    },
+    submitBlock() {
+      return `#` + num.prettyInt(this.proposal.submit_block)
+    },
+    voteBlock() {
+      if (this.proposal.submit_block === this.proposal.voting_start_block) {
+        return `the same block`
+      } else {
+        return `block #` + num.prettyInt(this.proposal.voting_start_block)
+      }
+    },
+    totalVotes() {
+      return (
+        Number(this.proposal.tally_result.yes) +
+        Number(this.proposal.tally_result.no) +
+        Number(this.proposal.tally_result.no_with_veto) +
+        Number(this.proposal.tally_result.abstain)
+      )
+    },
+    yesPercentage() {
+      return num.percentInt(this.proposal.tally_result.yes / this.totalVotes)
+    },
+    noPercentage() {
+      return num.percentInt(this.proposal.tally_result.no / this.totalVotes)
+    },
+    noWithVetoPercentage() {
+      return num.percentInt(
+        this.proposal.tally_result.no_with_veto / this.totalVotes
+      )
+    },
+    abstainPercentage() {
+      return num.percentInt(
+        this.proposal.tally_result.abstain / this.totalVotes
+      )
+    }
+  }
+}
+</script>
+<style lang="stylus">
+@require '~variables';
+.proposal
+  b
+    color var(--bright)
+
+  .validator-profile__status
+    position relative
+    left 0
+    margin-right 0.5rem
+
+  .description
+    max-width 500px
+
+  .votes
+    padding-top 2rem
+
+.proposal-id
+  color var(--dim)
+  font-size 14px
+  margin 0
+  font-weight 400
+  padding-bottom 0.25rem
+
+.text-block
+  padding 0
+
+.row b
+  font-weight 500
+</style>
diff --git a/app/src/renderer/components/governance/TableProposals.vue b/app/src/renderer/components/governance/TableProposals.vue
index 2f3fb399e6..80f6823fe7 100644
--- a/app/src/renderer/components/governance/TableProposals.vue
+++ b/app/src/renderer/components/governance/TableProposals.vue
@@ -94,6 +94,12 @@ export default {
           tooltip: `The title of the proposal`,
           class: `proposal_title`
         },
+        {
+          title: `Submitted Block`,
+          value: `submit_block`,
+          tooltip: `Block height when proposal was submitted`,
+          class: `submit_block`
+        },
         {
           title: `Yes`,
           value: `tally_result.yes`,
diff --git a/app/src/renderer/components/staking/PageValidator.vue b/app/src/renderer/components/staking/PageValidator.vue
index f973ebfdd1..16d2dcf53e 100644
--- a/app/src/renderer/components/staking/PageValidator.vue
+++ b/app/src/renderer/components/staking/PageValidator.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
 tm-page(data-title="Validator")
-  template(slot="menu-body", v-if="config.devMode"): tm-balance
+  template(slot="menu-body"): tm-balance
   div(slot="menu"): tm-tool-bar
     router-link(to="/staking" exact): i.material-icons arrow_back
 
@@ -452,6 +452,7 @@ export default {
         display inline-block
         font-size h1
         line-height h1
+        font-weight 400
         padding 0 0.5rem 0.5rem 0
 
       &__address
@@ -485,6 +486,9 @@ export default {
     &.green
       background var(--success)
 
+    &.blue
+      background var(--primary)
+
   &__status-and-title
     align-items center
     display flex
diff --git a/app/src/renderer/connectors/lcdClientMock.js b/app/src/renderer/connectors/lcdClientMock.js
index 307e06da23..8c025b3bdf 100644
--- a/app/src/renderer/connectors/lcdClientMock.js
+++ b/app/src/renderer/connectors/lcdClientMock.js
@@ -365,7 +365,7 @@ let state = {
       ],
       submit_block: `10`,
       voting_start_block: `-1`,
-      proposal_status: `DepositPeriod`,
+      proposal_status: `Pending`,
       tally_result: {
         yes: `0`,
         no: `0`,
diff --git a/app/src/renderer/routes.js b/app/src/renderer/routes.js
index 981e12c721..ea6a021c01 100644
--- a/app/src/renderer/routes.js
+++ b/app/src/renderer/routes.js
@@ -25,17 +25,16 @@ export default [
     path: `/governance/proposals/new`,
     component: governance(`ProposalsNewText`)
   },
-  // TODO: enable once PageProposal is finished
-  // {
-  //   path: `governance/proposals/:proposal`,
-  //   name: `proposal`,
-  //   component: governance(`Proposal`)
-  // },
-
+  {
+    path: `/governance/:proposalId`,
+    name: `Proposal`,
+    component: require(`./components/governance/PageProposal`).default,
+    props: true
+  },
   // STAKE
   {
     path: `/staking`,
-    name: `staking`,
+    name: `Staking`,
     component: staking(`Staking`),
     redirect: `/staking/my-delegations/`,
     children: [
diff --git a/test/unit/specs/components/governance/LiProposal.spec.js b/test/unit/specs/components/governance/LiProposal.spec.js
index 6b98dc973a..07464138f6 100644
--- a/test/unit/specs/components/governance/LiProposal.spec.js
+++ b/test/unit/specs/components/governance/LiProposal.spec.js
@@ -1,18 +1,116 @@
-import { shallow } from "@vue/test-utils"
+import setup from "../../../helpers/vuex-setup"
 import lcdClientMock from "renderer/connectors/lcdClientMock.js"
 import LiProposal from "renderer/components/governance/LiProposal"
 
+let proposal = lcdClientMock.state.proposals[0]
+
 describe(`LiProposal`, () => {
   let wrapper
-  const propsData = {
-    proposal: lcdClientMock.state.proposals[0]
-  }
+  let { mount } = setup()
 
   beforeEach(() => {
-    wrapper = shallow(LiProposal, { propsData })
+    let instance = mount(LiProposal, {
+      propsData: {
+        proposal
+      }
+    })
+    wrapper = instance.wrapper
+    wrapper.update()
   })
 
   it(`has the expected html structure`, () => {
     expect(wrapper.vm.$el).toMatchSnapshot()
   })
+
+  it(`should return status info for passed proposals`, () => {
+    proposal.proposal_status = `Passed`
+    let { wrapper } = mount(LiProposal, {
+      propsData: {
+        proposal
+      }
+    })
+    wrapper.update()
+    expect(wrapper.vm.status).toEqual({
+      button: null,
+      message: `This proposal has passed`,
+      color: `green`
+    })
+  })
+
+  it(`should return status info for rejected proposals`, () => {
+    proposal.proposal_status = `Rejected`
+    let { wrapper } = mount(LiProposal, {
+      propsData: {
+        proposal
+      }
+    })
+    wrapper.update()
+    expect(wrapper.vm.status).toEqual({
+      button: null,
+      message: `This proposal has been rejected and voting is closed`,
+      color: `red`
+    })
+  })
+
+  it(`should return status info for active proposals`, () => {
+    proposal.proposal_status = `Active`
+    let { wrapper } = mount(LiProposal, {
+      propsData: {
+        proposal
+      }
+    })
+    wrapper.update()
+    expect(wrapper.vm.status).toEqual({
+      button: `vote`,
+      message: `Voting for this proposal is open`,
+      color: `blue`
+    })
+  })
+
+  it(`should return status info for pending proposals`, () => {
+    proposal.proposal_status = `Pending`
+    let { wrapper } = mount(LiProposal, {
+      propsData: {
+        proposal
+      }
+    })
+    wrapper.update()
+    expect(wrapper.vm.status).toEqual({
+      button: `deposit`,
+      message: `Deposits are open for this proposal`,
+      color: `yellow`
+    })
+  })
+
+  it(`should return status info for an unknown proposal type`, () => {
+    proposal.proposal_status = `Unknown`
+    let { wrapper } = mount(LiProposal, {
+      propsData: {
+        proposal
+      }
+    })
+    wrapper.update()
+    expect(wrapper.vm.status).toEqual({
+      button: null,
+      message: `There was an error determining the status of this proposal.`,
+      color: `grey`
+    })
+  })
+
+  it(`should not truncate the description or add an ellipsis`, () => {
+    expect(wrapper.vm.description).toEqual(`Proposal description`)
+  })
+
+  it(`should truncate the description and add an ellipsis`, () => {
+    proposal.description = `this is some kind of long description. longer than 100 characters for optimum-maximum-ideal truncation.`
+    let { wrapper } = mount(LiProposal, {
+      propsData: {
+        proposal
+      }
+    })
+    wrapper.update()
+    expect(wrapper.vm.description).toEqual(
+      `this is some kind of long description. longer than 100 characters for optimum-maximum-ideal truncati…`
+    )
+  })
 })
diff --git a/test/unit/specs/components/governance/PageProposal.spec.js b/test/unit/specs/components/governance/PageProposal.spec.js
new file mode 100644
index 0000000000..9cd82c1c61
--- /dev/null
+++ b/test/unit/specs/components/governance/PageProposal.spec.js
@@ -0,0 +1,52 @@
+import setup from "../../../helpers/vuex-setup"
+import PageProposal from "renderer/components/governance/PageProposal"
+import lcdClientMock from "renderer/connectors/lcdClientMock.js"
+
+let proposal = lcdClientMock.state.proposals[0]
+let status = {
+  button: null,
+  message: `This proposal has passed`,
+  color: `green`
+}
+
+describe(`PageProposal`, () => {
+  let wrapper
+  let { mount } = setup()
+
+  beforeEach(() => {
+    let instance = mount(PageProposal, {
+      propsData: {
+        proposal,
+        status
+      }
+    })
+    wrapper = instance.wrapper
+    wrapper.update()
+  })
+
+  it(`has the expected html structure`, async () => {
+    // after importing the @tendermint/ui components from modules
+    // the perfect scroll plugin needs a $nextTick and a wrapper.update
+    // to work properly in the tests (snapshots weren't matching)
+    // this has occured across multiple tests
+    await wrapper.vm.$nextTick()
+    wrapper.update()
+    expect(wrapper.vm.$el).toMatchSnapshot()
+  })
+
+  it(`should return the block number`, () => {
+    expect(wrapper.vm.voteBlock).toBe(`block #135`)
+  })
+
+  it(`should return the end of the sentence`, () => {
+    proposal.submit_block = `135`
+    let { wrapper } = mount(PageProposal, {
+      propsData: {
+        proposal,
+        status
+      }
+    })
+    wrapper.update()
+    expect(wrapper.vm.voteBlock).toBe(`the same block`)
+  })
+})
diff --git a/test/unit/specs/components/governance/__snapshots__/LiProposal.spec.js.snap b/test/unit/specs/components/governance/__snapshots__/LiProposal.spec.js.snap
index a7cc38ab3a..1539437151 100644
--- a/test/unit/specs/components/governance/__snapshots__/LiProposal.spec.js.snap
+++ b/test/unit/specs/components/governance/__snapshots__/LiProposal.spec.js.snap
@@ -2,18 +2,29 @@
 
 exports[`LiProposal has the expected html structure 1`] = `
 <tr
-  class="li-proposal li-validator"
+  class="li-proposal"
 >
   <td
     class="li-proposal__value"
   >
+    <span
+      class="validator-profile__status green"
+    />
     <h2>
-      Proposal Title
+      <a
+        class=""
+        href="#/governance/1"
+      >
+        Proposal Title
+      </a>
     </h2>
     <p>
-      Status: Passed
+      Proposal description
     </p>
   </td>
+  <td>
+    #120
+  </td>
   <td
     class="li-proposal__value yes"
   >
diff --git a/test/unit/specs/components/governance/__snapshots__/PageProposal.spec.js.snap b/test/unit/specs/components/governance/__snapshots__/PageProposal.spec.js.snap
new file mode 100644
index 0000000000..67e5d7f47d
--- /dev/null
+++ b/test/unit/specs/components/governance/__snapshots__/PageProposal.spec.js.snap
@@ -0,0 +1,279 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`PageProposal has the expected html structure 1`] = `
+<div
+  class="tm-page"
+  data-title="Proposal"
+>
+  <header
+    class="tm-page-header"
+  >
+    <div
+      class="tm-page-header-container"
+    >
+      <div
+        class="tm-page-header-text"
+      >
+        <!---->
+        <!---->
+        <div
+          class="tm-page-header-body"
+        >
+          <div
+            class="header-balance"
+          >
+            <div
+              class="top"
+            >
+              <div
+                class="icon-container"
+              >
+                <img
+                  class="icon"
+                  src="~assets/images/cosmos-logo.png"
+                />
+              </div>
+              <div
+                class="total-atoms top-section"
+              >
+                <h3>
+                  Total Steak
+                </h3>
+                <h2>
+                  0.0000…
+                </h2>
+              </div>
+              <div
+                class="unbonded-atoms top-section"
+              >
+                <h3>
+                  Available Steak
+                </h3>
+                <h2>
+                  0.0000…
+                </h2>
+              </div>
+              <!---->
+              <!---->
+            </div>
+            <div
+              class="short-bech32"
+            >
+              <div
+                class="address"
+                id="address"
+              >
+                Address Not Found
+              </div>
+              <div
+                class="copied"
+              >
+                <i
+                  class="material-icons"
+                >
+                  check
+                </i>
+                <span>
+                  Copied
+                </span>
+              </div>
+            </div>
+            <div
+              class="tabs"
+            />
+          </div>
+        </div>
+      </div>
+      <menu
+        class="tm-page-header-menu"
+      >
+        <div>
+          <div>
+            <div
+              class="tm-tool-bar"
+            >
+              <div
+                class="tm-tool-bar-container"
+              >
+                <div
+                  class="main"
+                >
+                  <a
+                    class=""
+                    href="#/governance"
+                  >
+                    <i
+                      class="material-icons"
+                    >
+                      arrow_back
+                    </i>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </menu>
+    </div>
+  </header>
+  <main
+    class="tm-page-main ps"
+  >
+    <div
+      class="validator-profile__header validator-profile__section proposal"
+    >
+      <div
+        class="column validator-profile__header__info"
+      >
+        <div
+          class="row validator-profile__header__name"
+        >
+          <div
+            class="top column"
+          >
+            <div
+              class="validator-profile__status-and-title"
+            >
+              <span
+                class="validator-profile__status green"
+              />
+              <div
+                class="validator-profile__header__name__title"
+              >
+                Proposal Title
+              </div>
+            </div>
+          </div>
+          <div
+            class="column validator-profile__header__actions"
+          >
+            <!---->
+            <!---->
+            <button
+              class="tm-btn"
+              disabled="disabled"
+            >
+              <span
+                class="tm-btn__container tm-btn--primary"
+              >
+                <!---->
+                <!---->
+                <span
+                  class="tm-btn__value"
+                >
+                  Deposit / Vote
+                </span>
+              </span>
+            </button>
+          </div>
+        </div>
+        <div
+          class="row description"
+        >
+          <p>
+            This text proposal (#1) was submitted at block #120 and voting started at block #135.
+          </p>
+        </div>
+        <div
+          class="row validator-profile__header__data votes"
+        >
+          <dl
+            class="colored_dl"
+          >
+            <dt>
+              Deposit
+            </dt>
+            <dd>
+              100 stake
+            </dd>
+          </dl>
+          <div
+            class="validator-profile__header__data__break"
+          />
+          <dl
+            class="colored_dl"
+          >
+            <dt>
+              Yes
+            </dt>
+            <dd>
+              500 / 85%
+            </dd>
+          </dl>
+          <dl
+            class="colored_dl"
+          >
+            <dt>
+              No
+            </dt>
+            <dd>
+              25 / 4%
+            </dd>
+          </dl>
+          <dl
+            class="colored_dl"
+          >
+            <dt>
+              No with Veto
+            </dt>
+            <dd>
+              10 / 2%
+            </dd>
+          </dl>
+          <dl
+            class="colored_dl"
+          >
+            <dt>
+              Abstain
+            </dt>
+            <dd>
+              56 / 9%
+            </dd>
+          </dl>
+        </div>
+      </div>
+    </div>
+    <div
+      class="validator-profile__details validator-profile__section"
+    >
+      <div
+        class="column"
+      >
+        <div
+          class="row"
+        >
+          <div
+            class="text-block"
+          >
+            <p>
+              Proposal description
+            </p>
+            
+
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ps__rail-x"
+      style="left: 0px; top: 0px;"
+    >
+      <div
+        class="ps__thumb-x"
+        style="left: 0px; width: 0px;"
+        tabindex="0"
+      />
+    </div>
+    <div
+      class="ps__rail-y"
+      style="top: 0px; left: 0px;"
+    >
+      <div
+        class="ps__thumb-y"
+        style="top: 0px; height: 0px;"
+        tabindex="0"
+      />
+    </div>
+  </main>
+</div>
+`;
diff --git a/test/unit/specs/components/governance/__snapshots__/TabProposals.spec.js.snap b/test/unit/specs/components/governance/__snapshots__/TabProposals.spec.js.snap
index 19d95c9f79..b155d5041f 100644
--- a/test/unit/specs/components/governance/__snapshots__/TabProposals.spec.js.snap
+++ b/test/unit/specs/components/governance/__snapshots__/TabProposals.spec.js.snap
@@ -8,6 +8,9 @@ exports[`TabProposals has the expected html structure 1`] = `
             <th class=\\"sort-by proposal_title\\">
                <a class=\\"sort-by-link\\">Title</a>
             </th>
+            <th class=\\"sort-by submit_block\\">
+               <a class=\\"sort-by-link\\">Submitted Block</a>
+            </th>
             <th class=\\"sort-by yes_votes\\">
                <a class=\\"sort-by-link\\">Yes</a>
             </th>
@@ -23,15 +26,19 @@ exports[`TabProposals has the expected html structure 1`] = `
 </tr>
 </thead>
       <tbody>
-         <tr class=\\"li-proposal li-validator\\">
+         <tr class=\\"li-proposal\\">
             <td class=\\"li-proposal__value\\">
+               <span class=\\"validator-profile__status yellow\\"></span>
                <h2>
-                  Custom text proposal
+                  <a href=\\"#/governance/5\\" class=\\"\\">Custom text proposal</a>
                </h2>
                <p>
-                  Status: DepositPeriod
+                  custom text proposal description
                </p>
 </td>
+            <td>
+               #10
+            </td>
             <td class=\\"li-proposal__value yes\\">
                0
             </td>
@@ -45,15 +52,19 @@ exports[`TabProposals has the expected html structure 1`] = `
                0
             </td>
 </tr>
-         <tr class=\\"li-proposal li-validator\\">
+         <tr class=\\"li-proposal\\">
             <td class=\\"li-proposal__value\\">
+               <span class=\\"validator-profile__status green\\"></span>
                <h2>
-                  Proposal Title
+                  <a href=\\"#/governance/1\\" class=\\"\\">Proposal Title</a>
                </h2>
                <p>
-                  Status: Passed
+                  Proposal description
                </p>
 </td>
+            <td>
+               #120
+            </td>
             <td class=\\"li-proposal__value yes\\">
                500
             </td>
diff --git a/test/unit/specs/components/governance/__snapshots__/TableProposals.spec.js.snap b/test/unit/specs/components/governance/__snapshots__/TableProposals.spec.js.snap
index 3be23c6f0f..8258748439 100644
--- a/test/unit/specs/components/governance/__snapshots__/TableProposals.spec.js.snap
+++ b/test/unit/specs/components/governance/__snapshots__/TableProposals.spec.js.snap
@@ -8,6 +8,9 @@ exports[`TableProposals has the expected html structure 1`] = `
             <th class=\\"sort-by proposal_title\\">
                <a class=\\"sort-by-link\\">Title</a>
             </th>
+            <th class=\\"sort-by submit_block\\">
+               <a class=\\"sort-by-link\\">Submitted Block</a>
+            </th>
             <th class=\\"sort-by yes_votes\\">
                <a class=\\"sort-by-link\\">Yes</a>
             </th>
@@ -23,15 +26,19 @@ exports[`TableProposals has the expected html structure 1`] = `
 </tr>
 </thead>
       <tbody>
-         <tr class=\\"li-proposal li-validator\\">
+         <tr class=\\"li-proposal\\">
             <td class=\\"li-proposal__value\\">
+               <span class=\\"validator-profile__status yellow\\"></span>
                <h2>
-                  Custom text proposal
+                  <a href=\\"#/governance/5\\" class=\\"\\">Custom text proposal</a>
                </h2>
                <p>
-                  Status: DepositPeriod
+                  custom text proposal description
                </p>
 </td>
+            <td>
+               #10
+            </td>
             <td class=\\"li-proposal__value yes\\">
                0
             </td>
@@ -45,15 +52,19 @@ exports[`TableProposals has the expected html structure 1`] = `
                0
             </td>
 </tr>
-         <tr class=\\"li-proposal li-validator\\">
+         <tr class=\\"li-proposal\\">
             <td class=\\"li-proposal__value\\">
+               <span class=\\"validator-profile__status green\\"></span>
                <h2>
-                  Proposal Title
+                  <a href=\\"#/governance/1\\" class=\\"\\">Proposal Title</a>
                </h2>
                <p>
-                  Status: Passed
+                  Proposal description
                </p>
 </td>
+            <td>
+               #120
+            </td>
             <td class=\\"li-proposal__value yes\\">
                500
             </td>
@@ -88,6 +99,15 @@ exports[`TableProposals should filter the proposals 1`] = `
             Title
           </a>
         </th>
+        <th
+          class="sort-by submit_block"
+        >
+          <a
+            class="sort-by-link"
+          >
+            Submitted Block
+          </a>
+        </th>
         <th
           class="sort-by yes_votes"
         >
@@ -128,18 +148,29 @@ exports[`TableProposals should filter the proposals 1`] = `
     </thead>
     <tbody>
       <tr
-        class="li-proposal li-validator"
+        class="li-proposal"
       >
         <td
           class="li-proposal__value"
         >
+          <span
+            class="validator-profile__status yellow"
+          />
           <h2>
-            Custom text proposal
+            <a
+              class=""
+              href="#/governance/5"
+            >
+              Custom text proposal
+            </a>
           </h2>
           <p>
-            Status: DepositPeriod
+            custom text proposal description
           </p>
         </td>
+        <td>
+          #10
+        </td>
         <td
           class="li-proposal__value yes"
         >
diff --git a/test/unit/specs/components/staking/__snapshots__/PageValidator.spec.js.snap b/test/unit/specs/components/staking/__snapshots__/PageValidator.spec.js.snap
index 46ba8a76f7..3007c301e7 100644
--- a/test/unit/specs/components/staking/__snapshots__/PageValidator.spec.js.snap
+++ b/test/unit/specs/components/staking/__snapshots__/PageValidator.spec.js.snap
@@ -884,7 +884,73 @@ exports[`PageValidator shows an error if the validator couldn't be found 1`] = `
       >
         <!---->
         <!---->
-        <!---->
+        <div
+          class="tm-page-header-body"
+        >
+          <div
+            class="header-balance"
+          >
+            <div
+              class="top"
+            >
+              <div
+                class="icon-container"
+              >
+                <img
+                  class="icon"
+                  src="~assets/images/cosmos-logo.png"
+                />
+              </div>
+              <div
+                class="total-atoms top-section"
+              >
+                <h3>
+                  Total Steak
+                </h3>
+                <h2>
+                  0.0000…
+                </h2>
+              </div>
+              <div
+                class="unbonded-atoms top-section"
+              >
+                <h3>
+                  Available Steak
+                </h3>
+                <h2>
+                  0.0000…
+                </h2>
+              </div>
+              <!---->
+              <!---->
+            </div>
+            <div
+              class="short-bech32"
+            >
+              <div
+                class="address"
+                id="address"
+              >
+                Address Not Found
+              </div>
+              <div
+                class="copied"
+              >
+                <i
+                  class="material-icons"
+                >
+                  check
+                </i>
+                <span>
+                  Copied
+                </span>
+              </div>
+            </div>
+            <div
+              class="tabs"
+            />
+          </div>
+        </div>
       </div>
       <menu
         class="tm-page-header-menu"
@@ -921,7 +987,6 @@ exports[`PageValidator shows an error if the validator couldn't be found 1`] = `
   <main
     class="tm-page-main"
   >
-    <!---->
     <div
       class="tm-data-msg"
     >