diff --git a/vue-app/src/App.vue b/vue-app/src/App.vue
index 2ae1004df..749798fdb 100644
--- a/vue-app/src/App.vue
+++ b/vue-app/src/App.vue
@@ -274,7 +274,7 @@ a {
 
 .modal-body {
   background-color: $bg-light-color;
-  padding: 20px;
+  padding: $modal-space;
   text-align: center;
 }
 
@@ -282,7 +282,7 @@ a {
   display: block;
   width: 40px;
   height: 40px;
-  margin: 20px auto;
+  margin: $modal-space auto;
 }
 
 .loader:after {
diff --git a/vue-app/src/assets/add.svg b/vue-app/src/assets/add.svg
new file mode 100644
index 000000000..10df234ba
--- /dev/null
+++ b/vue-app/src/assets/add.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="svg2"
+   width="26.552446"
+   height="26.55353"
+   viewBox="0 0 26.552446 26.55353"
+   sodipodi:docname="add.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview4"
+     showgrid="false"
+     inkscape:zoom="6.7578949"
+     inkscape:cx="15.092543"
+     inkscape:cy="19.937917"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g10"
+     inkscape:document-rotation="0" />
+  <g
+     inkscape:groupmode="layer"
+     inkscape:label="Image"
+     id="g10"
+     transform="translate(-13.596374,-17.5209)">
+    <path
+       style="fill:#6cf4d5;fill-opacity:1;stroke-width:0.666667"
+       d="m 26.815487,44.07443 c -1.455304,0 -4.011084,-0.781871 -6.067642,-1.85623 -2.891054,-1.510304 -3.91096,-2.53528 -5.472796,-5.5 -1.640862,-3.114728 -1.867882,-4.162444 -1.563596,-7.216138 0.220506,-2.212925 0.988618,-4.528367 2.018456,-6.084557 0.914368,-1.381704 2.72726,-3.170254 4.028648,-3.974556 1.301388,-0.804302 3.946583,-1.619752 5.878212,-1.812111 2.983637,-0.297121 4.060283,-0.06093 7.155821,1.569822 2.964719,1.561835 3.989696,2.581742 5.5,5.472795 1.074359,2.056558 1.85623,4.612338 1.85623,6.067642 0,1.455304 -0.781871,4.011084 -1.85623,6.067642 -1.502681,2.876459 -2.533002,3.906781 -5.409461,5.409461 -2.056558,1.074359 -4.612338,1.85623 -6.067642,1.85623 z m -0.328932,-3.390635 c 0.369087,0.03151 1.696504,-0.236789 2.949815,-0.596234 1.253311,-0.359445 3.131115,-1.470157 4.172898,-2.468247 1.041783,-0.998092 2.200929,-2.954 2.575881,-4.346464 0.469141,-1.742259 0.462926,-3.344327 -0.01993,-5.137521 -0.416776,-1.54779 -1.639465,-3.429173 -3.011442,-4.633784 -1.27038,-1.115409 -3.346642,-2.222532 -4.613916,-2.460274 -1.267274,-0.237742 -3.358692,-0.08422 -4.647597,0.341154 -1.288905,0.425378 -3.243661,1.798682 -4.343903,3.051789 -1.100243,1.253107 -2.194957,3.315236 -2.432699,4.58251 -0.237742,1.267274 -0.0956,3.324205 0.315861,4.570957 0.411465,1.246752 1.597481,3.080563 2.63559,4.075135 1.03811,0.994571 2.756175,2.068269 3.817923,2.385994 1.061749,0.317726 2.232433,0.603469 2.601519,0.634985 z m 0.328932,-3.276031 c -1.111112,0 -1.333334,-0.444445 -1.333334,-2.666667 v -2.666666 h -2.666666 c -2.222222,0 -2.666667,-0.222222 -2.666667,-1.333334 0,-1.111111 0.444445,-1.333333 2.666667,-1.333333 h 2.666666 v -2.666667 c 0,-2.222222 0.222222,-2.666666 1.333334,-2.666666 1.111111,0 1.333333,0.444444 1.333333,2.666666 v 2.666667 h 2.666667 c 2.222222,0 2.666666,0.222222 2.666666,1.333333 0,1.111112 -0.444444,1.333334 -2.666666,1.333334 H 28.14882 v 2.666666 c 0,2.222222 -0.222222,2.666667 -1.333333,2.666667 z"
+       id="path859" />
+  </g>
+</svg>
diff --git a/vue-app/src/components/BrightIdModal.vue b/vue-app/src/components/BrightIdModal.vue
index c78057f2a..ec7f66754 100644
--- a/vue-app/src/components/BrightIdModal.vue
+++ b/vue-app/src/components/BrightIdModal.vue
@@ -174,6 +174,6 @@ export default class BrightIdModal extends Vue {
 }
 
 .close-btn {
-  margin-top: 20px;
+  margin-top: $modal-space;
 }
 </style>
diff --git a/vue-app/src/components/ClaimModal.vue b/vue-app/src/components/ClaimModal.vue
index a2839755a..6ffa41198 100644
--- a/vue-app/src/components/ClaimModal.vue
+++ b/vue-app/src/components/ClaimModal.vue
@@ -86,6 +86,6 @@ export default class ClaimModal extends Vue {
 @import '../styles/vars';
 
 .close-btn {
-  margin-top: 20px;
+  margin-top: $modal-space;
 }
 </style>
diff --git a/vue-app/src/components/ContributionModal.vue b/vue-app/src/components/ContributionModal.vue
index 476a28f0b..381026f60 100644
--- a/vue-app/src/components/ContributionModal.vue
+++ b/vue-app/src/components/ContributionModal.vue
@@ -222,17 +222,15 @@ export default class ContributionModal extends Vue {
 <style scoped lang="scss">
 @import '../styles/vars';
 
-$button-space: 20px;
-
 .btn-row {
-  margin: $button-space auto 0;
+  margin: $modal-space auto 0;
 
   .btn {
-    margin: 0 $button-space;
+    margin: 0 $modal-space;
   }
 }
 
 .close-btn {
-  margin-top: $button-space;
+  margin-top: $modal-space;
 }
 </style>
diff --git a/vue-app/src/components/KlerosGTCRAdapterModal.vue b/vue-app/src/components/KlerosGTCRAdapterModal.vue
index e68bd49f3..49e13a04e 100644
--- a/vue-app/src/components/KlerosGTCRAdapterModal.vue
+++ b/vue-app/src/components/KlerosGTCRAdapterModal.vue
@@ -66,6 +66,6 @@ export default class KlerosGTCRAdapterModal extends Vue {
 @import '../styles/vars';
 
 .close-btn {
-  margin-top: 20px;
+  margin-top: $modal-space;
 }
 </style>
diff --git a/vue-app/src/components/MatchingFundsModal.vue b/vue-app/src/components/MatchingFundsModal.vue
new file mode 100644
index 000000000..0c43cfcf3
--- /dev/null
+++ b/vue-app/src/components/MatchingFundsModal.vue
@@ -0,0 +1,134 @@
+<template>
+  <div class="modal-body">
+    <div v-if="step === 1">
+      <h3>Contribute matching funds to the {{ isRoundFinished() ? 'next' : 'current' }} round</h3>
+      <form class="contribution-form">
+        <div>Please enter amount:</div>
+        <input
+          v-model="amount"
+          class="input"
+          :class="{ invalid: !isAmountValid() }"
+          name="amount"
+          placeholder="Amount"
+        >
+        <div>{{ tokenSymbol }}</div>
+      </form>
+      <div class="btn-row">
+        <button class="btn" @click="$emit('close')">Go back</button>
+        <button class="btn" :disabled="!isAmountValid()" @click="contributeMatchingFunds()">Continue</button>
+      </div>
+    </div>
+    <div v-if="step === 2">
+      <h3>Contribute matching funds to the {{ isRoundFinished() ? 'next' : 'current' }} round</h3>
+      <transaction
+        :hash="transferTxHash"
+        :error="transferTxError"
+        @close="$emit('close')"
+      ></transaction>
+    </div>
+    <div v-if="step === 3">
+      <h3>Success!</h3>
+      <div>Tokens has been sent to the matching pool.</div>
+      <button class="btn close-btn" @click="$emit('close')">OK</button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import Component from 'vue-class-component'
+import { BigNumber, Contract } from 'ethers'
+import { parseFixed } from '@ethersproject/bignumber'
+
+import Transaction from '@/components/Transaction.vue'
+import { waitForTransaction } from '@/utils/contracts'
+
+import { ERC20 } from '@/api/abi'
+import { factory } from '@/api/core'
+import { RoundStatus } from '@/api/round'
+
+@Component({
+  components: {
+    Transaction,
+  },
+})
+export default class MatchingFundsModal extends Vue {
+
+  step = 1
+
+  amount = '100'
+  transferTxHash = ''
+  transferTxError = ''
+
+  isRoundFinished(): boolean {
+    const { status } = this.$store.state.currentRound
+    return [RoundStatus.Finalized, RoundStatus.Cancelled].includes(status)
+  }
+
+  isAmountValid(): boolean {
+    const { nativeTokenDecimals } = this.$store.state.currentRound
+    let amount
+    try {
+      amount = parseFixed(this.amount, nativeTokenDecimals)
+    } catch {
+      return false
+    }
+    if (amount.lte(BigNumber.from(0))) {
+      return false
+    }
+    return true
+  }
+
+  get tokenSymbol(): string {
+    return this.$store.state.currentRound.nativeTokenSymbol
+  }
+
+  async contributeMatchingFunds() {
+    this.step += 1
+    const signer = this.$store.state.currentUser.walletProvider.getSigner()
+    const { nativeTokenAddress, nativeTokenDecimals } = this.$store.state.currentRound
+    const token = new Contract(nativeTokenAddress, ERC20, signer)
+    const amount = parseFixed(this.amount, nativeTokenDecimals)
+    try {
+      await waitForTransaction(
+        token.transfer(factory.address, amount),
+        (hash) => this.transferTxHash = hash,
+      )
+    } catch (error) {
+      this.transferTxError = error.message
+      return
+    }
+    this.step += 1
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import '../styles/vars';
+
+.contribution-form {
+  align-items: center;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  margin-top: $modal-space;
+
+  input {
+    margin: 0 7px;
+    width: 100px;
+  }
+}
+
+.btn-row {
+  margin: $modal-space auto 0;
+
+  .btn {
+    margin: 0 $modal-space;
+  }
+}
+
+.close-btn {
+  margin-top: $modal-space;
+}
+
+</style>
diff --git a/vue-app/src/components/ReallocationModal.vue b/vue-app/src/components/ReallocationModal.vue
index a3445019c..ea7255612 100644
--- a/vue-app/src/components/ReallocationModal.vue
+++ b/vue-app/src/components/ReallocationModal.vue
@@ -88,6 +88,6 @@ export default class ReallocationModal extends Vue {
 @import '../styles/vars';
 
 .close-btn {
-  margin-top: 20px;
+  margin-top: $modal-space;
 }
 </style>
diff --git a/vue-app/src/styles/_vars.scss b/vue-app/src/styles/_vars.scss
index 9a2e9d35f..0e34bef23 100644
--- a/vue-app/src/styles/_vars.scss
+++ b/vue-app/src/styles/_vars.scss
@@ -11,6 +11,7 @@ $error-color: #BD6B5E;
 
 $border: 2px solid $border-color;
 $content-space: 30px;
+$modal-space: 20px;
 
 $nav-header-height-sm: 40px;
 $profile-image-size: 50px;
diff --git a/vue-app/src/views/ProjectList.vue b/vue-app/src/views/ProjectList.vue
index 35807185a..718504d00 100644
--- a/vue-app/src/views/ProjectList.vue
+++ b/vue-app/src/views/ProjectList.vue
@@ -26,7 +26,16 @@
       </div>
       <div class="round-info-item">
         <div class="round-info-title">Matching Pool:</div>
-        <div class="round-info-value">{{ currentRound.matchingPool | formatAmount }} {{ currentRound.nativeTokenSymbol }}</div>
+        <div class="round-info-value">
+          {{ currentRound.matchingPool | formatAmount }} {{ currentRound.nativeTokenSymbol }}
+          <a
+            @click="addMatchingFunds()"
+            class="add-matching-funds-btn"
+            title="Add matching funds"
+          >
+            <img src="@/assets/add.svg" >
+          </a>
+        </div>
       </div>
       <div class="round-info-item">
         <div class="round-info-title">Contributions:</div>
@@ -57,6 +66,7 @@ import { RoundInfo } from '@/api/round'
 import { Project, getProjects } from '@/api/projects'
 
 import ProjectListItem from '@/components/ProjectListItem.vue'
+import MatchingFundsModal from '@/components/MatchingFundsModal.vue'
 import { LOAD_ROUND_INFO } from '@/store/action-types'
 import { SET_CURRENT_ROUND_ADDRESS } from '@/store/mutation-types'
 
@@ -136,6 +146,22 @@ export default class ProjectList extends Vue {
     }
     return FixedNumber.fromValue(contribution, decimals)
   }
+
+  addMatchingFunds(): void {
+    if (!this.$store.state.currentUser) {
+      return
+    }
+    this.$modal.show(
+      MatchingFundsModal,
+      { },
+      { },
+      {
+        closed: () => {
+          this.$store.dispatch(LOAD_ROUND_INFO)
+        },
+      },
+    )
+  }
 }
 </script>
 
@@ -181,6 +207,17 @@ export default class ProjectList extends Vue {
   gap: $content-space;
 }
 
+.add-matching-funds-btn {
+  display: inline-block;
+  line-height: 1;
+  margin-left: 5px;
+
+  img {
+    height: 1em;
+    vertical-align: bottom;
+  }
+}
+
 @media (max-width: 1150px) {
   .round-info-item {
     flex: 0 0 50%;