diff --git a/frontend/src/assets/styles/main.scss b/frontend/src/assets/styles/main.scss
index 27bbfa5..bffabc1 100644
--- a/frontend/src/assets/styles/main.scss
+++ b/frontend/src/assets/styles/main.scss
@@ -196,4 +196,39 @@ p {
       background-color: #F3F6FF;
     }
   }
+}
+
+.submission-result-container {
+  @extend .flex-row-container;
+  align-items: center;
+  justify-content: center;
+  min-height: $body-height;
+}
+
+.submission-result-card {
+  width: fit-content;
+  min-width: 641px;
+  padding: 45px 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: 26px;
+  line-height: 36px;
+  box-shadow: 0px 0px 24px 0px #D4D3E380;
+
+  img {
+    width: 86px;
+    margin-bottom: 20px
+  }
+  .btn-link {
+    text-decoration: underline;
+    padding: 0;
+    font-size: inherit
+  }
+}
+
+.upload-contianer {
+  display: flex;
+  align-items: center;
 }
\ No newline at end of file
diff --git a/frontend/src/pages/user/requests/ProposalSubmitted.vue b/frontend/src/pages/user/requests/ProposalSubmitted.vue
index 1b7b96f..65f01d9 100644
--- a/frontend/src/pages/user/requests/ProposalSubmitted.vue
+++ b/frontend/src/pages/user/requests/ProposalSubmitted.vue
@@ -1,10 +1,13 @@
 <template>
-  <div>
-    <p class="result-text">Your proposal has been submitted!</p>
-    <p class="result-text">
-      You can check the status of proposals in
-      <button class="goto-workspace-button" @click="gotoWorkspace">workspace</button>
-    </p>
+  <div class="submission-result-container">
+    <div class="submission-result-card">
+      <img src="@/assets/images/submited.png" alt="freeleaps"/>
+      <span>Your proposal has been submitted!</span>
+      <span>
+        You can check the status of proposals in
+        <button class="btn btn-link" @click="gotoWorkspace()">My work.</button>
+      </span>
+    </div>
   </div>
 </template>
 
@@ -36,12 +39,3 @@ export default {
   }
 }
 </script>
-<style lang="scss" scoped>
-.result-text {
-  @extend .fs-2;
-}
-
-.goto-workspace-button {
-  @extend .proceed-button;
-}
-</style>
diff --git a/frontend/src/pages/user/requests/Propose.vue b/frontend/src/pages/user/requests/Propose.vue
index c255432..bc640a5 100644
--- a/frontend/src/pages/user/requests/Propose.vue
+++ b/frontend/src/pages/user/requests/Propose.vue
@@ -1,111 +1,110 @@
 <template>
   <div class="making-proposal-container offcanvas-parent">
-    <div
+    <div class="making-proposal-content">
+      <div
       class="offcanvas offcanvas-end offcanvas-container"
       tabindex="-1"
       id="offcanvas-copy-existing"
       aria-labelledby="offcanvas-copy-existing"
-    >
-      <div class="offcanvas-header">
-        <h5 class="offcanvas-title" id="offcanvas-copy-existing">Copy from existing proposals</h5>
-        <button
-          type="button"
-          class="btn-close"
-          data-bs-dismiss="offcanvas"
-          aria-label="Close"
-        ></button>
-      </div>
-      <div class="offcanvas-body">
-        <div class="accordion" id="existing-proposal-item-container">
-          <div
-            v-for="(existingProposal, index) in existingProposals"
-            :key="index"
-            :id="'existing-proposal' + index"
-            class="accordion-item"
-          >
-            <h2 class="accordion-header" :id="'existing-heading' + index">
-              <button
-                class="accordion-button collapsed"
-                type="button"
-                data-bs-toggle="collapse"
-                :data-bs-target="'#' + 'existing-proposal-collapse' + index"
-                aria-expanded="false"
-                :aria-controls="'collapse' + index"
-              >
-                {{ existingProposal.request.title }}
-              </button>
-            </h2>
+      >
+        <div class="offcanvas-header">
+          <h5 class="offcanvas-title" id="offcanvas-copy-existing">Copy from existing proposals</h5>
+          <button
+            type="button"
+            class="btn-close"
+            data-bs-dismiss="offcanvas"
+            aria-label="Close"
+          ></button>
+        </div>
+        <div class="offcanvas-body">
+          <div class="accordion" id="existing-proposal-item-container">
             <div
-              :id="'existing-proposal-collapse' + index"
-              class="accordion-collapse collapse"
-              :aria-labelledby="'existing-heading' + index"
-              data-bs-parent="#existing-proposal-item-container"
+              v-for="(existingProposal, index) in existingProposals"
+              :key="index"
+              :id="'existing-proposal' + index"
+              class="accordion-item"
             >
-              <div class="accordion-body">
-                <button class="copy-existing-button" @click="copyProposal(existingProposal)">
-                  Copy
+              <h2 class="accordion-header" :id="'existing-heading' + index">
+                <button
+                  class="accordion-button collapsed"
+                  type="button"
+                  data-bs-toggle="collapse"
+                  :data-bs-target="'#' + 'existing-proposal-collapse' + index"
+                  aria-expanded="false"
+                  :aria-controls="'collapse' + index"
+                >
+                  {{ existingProposal.request.title }}
                 </button>
-                <div class="existing-request-content-text" v-html="existingProposal.content"></div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="offcanvas offcanvas-end offcanvas-container"
-      tabindex="-1"
-      id="offcanvas-template"
-      aria-labelledby="offcanvas-template"
-    >
-      <div class="offcanvas-header">
-        <h5 class="offcanvas-title" id="offcanvas-template">Apply proposal template</h5>
-        <button
-          type="button"
-          class="btn-close"
-          data-bs-dismiss="offcanvas"
-          aria-label="Close"
-        ></button>
-      </div>
-      <div class="offcanvas-body">
-        <div class="accordion" id="template-item-container">
-          <div
-            v-for="(template, index) in templates"
-            :key="index"
-            :id="'template' + index"
-            class="accordion-item"
-          >
-            <h2 class="accordion-header" :id="'heading' + index">
-              <button
-                class="accordion-button collapsed"
-                type="button"
-                data-bs-toggle="collapse"
-                :data-bs-target="'#' + 'collapse' + index"
-                aria-expanded="false"
-                :aria-controls="'collapse' + index"
+              </h2>
+              <div
+                :id="'existing-proposal-collapse' + index"
+                class="accordion-collapse collapse"
+                :aria-labelledby="'existing-heading' + index"
+                data-bs-parent="#existing-proposal-item-container"
               >
-                {{ template.title }}
-              </button>
-            </h2>
-            <div
-              :id="'collapse' + index"
-              class="accordion-collapse collapse"
-              :aria-labelledby="'heading' + index"
-              data-bs-parent="#template-item-container"
-            >
-              <div class="accordion-body">
-                <button class="load-template-button" @click="applyTemplate(template)">Apply</button>
-                <div class="template-content-text" v-html="template.proposal.content"></div>
+                <div class="accordion-body">
+                  <button class="copy-existing-button" @click="copyProposal(existingProposal)">
+                    Copy
+                  </button>
+                  <div class="existing-request-content-text" v-html="existingProposal.content"></div>
+                </div>
               </div>
             </div>
           </div>
         </div>
       </div>
-    </div>
-    <div v-if="request" class="request-container">
-      <label class="request-label" for="request-content-container">For request:</label>
-      <div class="request-content-container" id="request-content-container">
-        <div class="accordion" id="accordion-request-container">
+      <div
+        class="offcanvas offcanvas-end offcanvas-container"
+        tabindex="-1"
+        id="offcanvas-template"
+        aria-labelledby="offcanvas-template"
+      >
+        <div class="offcanvas-header">
+          <h5 class="offcanvas-title" id="offcanvas-template">Apply proposal template</h5>
+          <button
+            type="button"
+            class="btn-close"
+            data-bs-dismiss="offcanvas"
+            aria-label="Close"
+          ></button>
+        </div>
+        <div class="offcanvas-body">
+          <div class="accordion" id="template-item-container">
+            <div
+              v-for="(template, index) in templates"
+              :key="index"
+              :id="'template' + index"
+              class="accordion-item"
+            >
+              <h2 class="accordion-header" :id="'heading' + index">
+                <button
+                  class="accordion-button collapsed"
+                  type="button"
+                  data-bs-toggle="collapse"
+                  :data-bs-target="'#' + 'collapse' + index"
+                  aria-expanded="false"
+                  :aria-controls="'collapse' + index"
+                >
+                  {{ template.title }}
+                </button>
+              </h2>
+              <div
+                :id="'collapse' + index"
+                class="accordion-collapse collapse"
+                :aria-labelledby="'heading' + index"
+                data-bs-parent="#template-item-container"
+              >
+                <div class="accordion-body">
+                  <button class="load-template-button" @click="applyTemplate(template)">Apply</button>
+                  <div class="template-content-text" v-html="template.proposal.content"></div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div v-if="request" class="request-container" id="request-content-container">
+        <div class="accordion accordion-list" id="accordion-request-container">
           <div class="accordion-item">
             <h2 class="accordion-header">
               <button
@@ -116,7 +115,7 @@
                 aria-expanded="false"
                 aria-controls="collapse-request-content"
               >
-                {{ request.title }}
+                <span class="dashed-container">{{ request.title }}</span>
               </button>
             </h2>
             <div
@@ -131,95 +130,143 @@
           </div>
         </div>
       </div>
-    </div>
-    <div v-if="proposal" class="proposal-container">
-      <label class="proposal-label">Proposal:</label>
-      <div class="header-bar">
-        <button
-          class="load-templates-button"
-          type="button"
-          data-bs-toggle="offcanvas"
-          data-bs-target="#offcanvas-template"
-          aria-controls="offcanvas-template"
-        >
-          Templates...
-        </button>
-        <button
-          class="copy-proposal-button"
-          type="button"
-          data-bs-toggle="offcanvas"
-          data-bs-target="#offcanvas-copy-existing"
-          aria-controls="offcanvas-copy-existing"
-        >
-          Copy...
-        </button>
-      </div>
-      <div
-        class="cover-letter-content-container"
-        id="cover-letter-content"
-        contenteditable="true"
-        v-html="proposal.content"
-        @blur="coverLetterDone($event)"
-      ></div>
-      <label class="summary-content-label" for="stage-content"> Milestones</label>
-      <div class="stage-content-container" id="stage-content">
-        <div v-for="(stage, index) in proposal.stages" :key="index" class="stage-item-container">
-          <div class="stage-item-content-container" id="stage-item-content">
-            <div class="stage-payment-container">
-              <label class="stage-content-label" for="stage-payment-content">Payment</label>
-              <div class="stage-payment-content-container" id="stage-payment-content">
-                <input
-                  type="text"
-                  class="stage-payment-content-text"
-                  id="stage-payment-content-text"
-                  v-model="stage.payment"
-                />
-                <span class="stage-payment-content-span"> {{ stage.currency }}</span>
-              </div>
-            </div>
-            <div class="stage-duration-container">
-              <label class="stage-content-label" for="stage-duration-content">Duration</label>
-              <div class="stage-duration-content-container" id="stage-duration-content">
-                <input
-                  type="text"
-                  class="stage-duration-content-text"
-                  v-model="stage.duration_in_days"
-                />
-                <span class="stage-duration-content-span"> day(s)</span>
-              </div>
-            </div>
-            <div class="stage-note-container">
-              <label class="stage-content-label" for="stage-note-content">Notes</label>
-              <input class="stage-note-content-text" id="stage-note-content" v-model="stage.note" />
-            </div>
-            <button class="stage-item-delete-button" @click="removeStage(index)"></button>
+      <div v-if="proposal" class="proposal-container">
+        <div class="proposal-header-container">
+          <label class="proposal-label">Proposal:</label>
+          <div class="header-bar">
+            <button
+              class="btn btn-link"
+              type="button"
+              data-bs-toggle="offcanvas"
+              data-bs-target="#offcanvas-template"
+              aria-controls="offcanvas-template"
+            >
+            <svg-icon icon="btn-templates" />
+            Templates
+            </button>
+            <button
+              class="btn btn-link"
+              type="button"
+              data-bs-toggle="offcanvas"
+              data-bs-target="#offcanvas-copy-existing"
+              aria-controls="offcanvas-copy-existing"
+            >
+            <svg-icon icon="btn-history" />
+            Copy
+            </button>
           </div>
         </div>
-        <div class="stage-more-action-container">
-          <button class="stage-add-more-button" @click="addStage()">+ Add Milestones</button>
+        <div class="cover-letter-content-container" id="cover-letter-content">
+          <freeleaps-editor v-model:content="proposal.content" />
         </div>
-        <div class="summary-content-container" id="summary-content">
-          <span class="summary-total-stages-content-span" id="summary-total-stages-content">
-            Total milestones:
-            {{ summary.total_stages }}
-          </span>
-          <span class="summary-total-payment-content-span" id="summary-total-payment-content">
-            Total payment:{{ summary.total_payment }} {{ summary.currency }}
-          </span>
-          <span class="summary-total-duration-content-span" id="summary-total-duration-content">
-            Total duration:{{ summary.total_duration_in_days }} day(s)
-          </span>
+        <label class="summary-content-label" for="stage-content"> Milestones</label>
+        <div class="stage-content-container" id="stage-content">
+          <div v-for="(stage, index) in proposal.stages" :key="index" class="stage-item-container">
+            <div class="input-container milestone-input-container">
+              <div class="form-group">
+                <div class="input-group-container">
+                  <div class="form-floating">
+                    <input class="input-email" :id="`stage-payment-content-${index}`" type="number" v-model="stage.payment" />
+                    <label :for="`stage-payment-content-${index}`">Payment</label>
+                  </div>
+                  <span class="btn-start">{{ stage.currency }}</span>
+                </div>
+              </div>
+            </div>
+            <div class="input-container milestone-input-container">
+              <div class="form-group">
+                <div class="input-group-container">
+                  <div class="form-floating">
+                    <input class="input-email" :id="`stage-duration-content-${index}`" type="number" v-model="stage.duration_in_days" />
+                    <label :for="`stage-duration-content-${index}`">Duration</label>
+                  </div>
+                  <span class="btn-start">day(s)</span>
+                </div>
+              </div>
+            </div>
+            <div class="input-container milestone-input-container">
+              <div class="form-group">
+                <div class="input-group-container">
+                  <div class="form-floating">
+                    <input class="input-email" :id="`stage-note-content-${index}`" type="text" v-model="stage.note" />
+                    <label :for="`stage-note-content-${index}`">Notes</label>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <button class="stage-item-delete-button">
+              <svg-icon v-if="index != 0" icon="delete" @click="removeStage(index)" />
+            </button>
+            <!-- <div class="stage-item-content-container" id="stage-item-content">
+              <div class="stage-payment-container">
+                <label class="stage-content-label" for="stage-payment-content">Payment</label>
+                <div class="stage-payment-content-container" id="stage-payment-content">
+                  <input
+                    type="text"
+                    class="stage-payment-content-text"
+                    id="stage-payment-content-text"
+                    v-model="stage.payment"
+                  />
+                  <span class="stage-payment-content-span"> {{ stage.currency }}</span>
+                </div>
+              </div>
+              <div class="stage-duration-container">
+                <label class="stage-content-label" for="stage-duration-content">Duration</label>
+                <div class="stage-duration-content-container" id="stage-duration-content">
+                  <input
+                    type="text"
+                    class="stage-duration-content-text"
+                    v-model="stage.duration_in_days"
+                  />
+                  <span class="stage-duration-content-span"> day(s)</span>
+                </div>
+              </div>
+              <div class="stage-note-container">
+                <label class="stage-content-label" for="stage-note-content">Notes</label>
+                <input class="stage-note-content-text" id="stage-note-content" v-model="stage.note" />
+              </div>
+              
+            </div> -->
+          </div>
+          <div class="stage-more-action-container">
+            <button class="stage-add-more-button" @click="addStage()">+ Add Milestones</button>
+          </div>
+          <div class="summary-content-container" id="summary-content">
+            <span id="summary-total-stages-content">
+              Total milestones:
+              {{ summary.total_stages }}
+            </span>
+            <span id="summary-total-payment-content">
+              Total payment:{{ summary.total_payment }} {{ summary.currency }}
+            </span>
+            <span id="summary-total-duration-content">
+              Total duration:{{ summary.total_duration_in_days }} day(s)
+            </span>
+          </div>
+        </div>
+        <div class="file-upload-container">
+          <div class="upload-contianer">
+            <label class="btn btn-link">
+              <span v-if="!uploadFile">Upload file</span>
+              <span v-if="uploadFile">{{ uploadFile.name }}</span>
+              <input type="file" hidden @change="handleFileUpload" />
+            </label>
+            <svg-icon
+              v-if="uploadFile"
+              icon="delete"
+              class-name="delete-icon"
+              @click.stop="clearFile"
+            />
+          </div>
+          <!-- <label for="file-upload" class="file-upload-label">Upload File:</label>
+          <input type="file" id="file-upload" class="file-upload-input" @change="handleFileUpload" /> -->
         </div>
       </div>
-      <div class="file-upload-container">
-        <label for="file-upload" class="file-upload-label">Upload File:</label>
-        <input type="file" id="file-upload" class="file-upload-input" @change="handleFileUpload" />
+      <div class="action-footer">
+        <button class="cancel-button" @click="back">Back</button>
+        <button class="submit-button" @click="submit">Submit</button>
       </div>
     </div>
-    <div class="action-footer">
-      <button class="cancel-button" @click="back">Back</button>
-      <button class="submit-button" @click="submit">Submit</button>
-    </div>
   </div>
 </template>
 
@@ -232,8 +279,11 @@ import {
   preparedProposalSummary,
   proposalUtils
 } from '../../../types/index'
+import SvgIcon from '@/components/SvgIcon.vue'
+import FreeleapsEditor from '@/components/FreeleapsEditor.vue'
 export default {
   name: 'MakeProposal',
+  components: { SvgIcon, FreeleapsEditor },
   props: {
     requestId: {
       required: true,
@@ -252,7 +302,7 @@ export default {
   },
   watch: {
     'proposal.stages': {
-      handler(val, oldVal) {
+      handler() {
         this.caculateSummary()
       },
       deep: true
@@ -281,6 +331,9 @@ export default {
     handleFileUpload(event) {
       this.uploadFile = event.target.files[0]
     },
+    clearFile() {
+      this.uploadFile = null
+    },
     back() {
       this.mnx_goBack()
     },
@@ -357,7 +410,7 @@ export default {
       }
     },
     addStage() {
-      this.proposal.stages.push(this.emptyStage)
+      this.proposal.stages.push({...this.emptyStage})
     },
 
     removeStage(index) {
@@ -399,6 +452,13 @@ export default {
 <style lang="scss" scoped>
 .making-proposal-container {
   @extend .container;
+  padding-top: 24px;
+  padding-bottom: 24px;
+}
+
+.making-proposal-content {
+  border-radius: 12px;
+  box-shadow: 0px 0px 24px 0px #D4D3E380
 }
 
 .request-label {
@@ -408,8 +468,11 @@ export default {
 
 .request-container {
   @extend .container;
-  @extend .my-3;
-  @extend .border;
+  padding: 0;
+  .accordion-list {
+    margin: 0;
+    box-shadow: none
+  }
 }
 
 .request-content-container {
@@ -423,17 +486,32 @@ export default {
 
 .proposal-container {
   @extend .flex-colum-container;
-  @extend .border;
+}
+
+.proposal-header-container {
+  display: flex;
+  padding: 15px 24px;
+  align-items: center;
+  @extend .w-100;
+  justify-content: space-between;
+  border-bottom: 1px solid #E7E8EB;
 }
 
 .header-bar {
   @extend .flex-row-container;
   @extend .justify-content-end;
+  align-items: center;
+  .btn {
+    white-space: nowrap;
+    padding: 0;
+    margin-left: 15px;
+  }
 }
 
 .proposal-label {
-  @extend .label-text;
-  @extend .w-100;
+  font-size: 18px;
+  font-weight: bold;
+  color: #0D1637;
 }
 
 .load-templates-button {
@@ -459,9 +537,8 @@ export default {
 .cover-letter-content-container {
   @extend .container;
   min-height: 40vh;
-  overflow: hidden;
-  @extend .text-start;
-  @extend .border;
+  padding: 0;
+  margin-bottom: 20px;
 }
 
 .stage-content-label {
@@ -471,13 +548,17 @@ export default {
 
 .stage-content-container {
   @extend .container;
-  min-height: 10vh;
-  @extend .border;
+  padding: 0;
 }
 
 .stage-item-container {
-  @extend .flex-colum-container;
-  @extend .m-1;
+  // @extend .flex-colum-container;
+  // @extend .m-1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 0;
+  border-bottom: 1px solid #E7E8EB;
 }
 
 .stage-item-content-label {
@@ -554,18 +635,20 @@ export default {
 }
 
 .stage-more-action-container {
-  @extend .flex-row-container;
-  @extend .justify-content-around;
-  @extend .my-1;
+  padding: 12px 0;
+  border-bottom: 1px solid #E7E8EB;
 }
 
 .stage-item-delete-button {
-  @extend .close-button;
+  width: 42px;
+  @extend .btn;
+  @extend .btn-link;
 }
 
 .stage-add-more-button {
-  @extend .proceed-button;
-  @extend .w-70;
+  @extend .btn;
+  @extend .btn-outline-primary;
+  @extend .w-100;
 }
 
 .summary-container {
@@ -575,14 +658,26 @@ export default {
 }
 
 .summary-content-label {
-  @extend .label-text;
+  @extend .proposal-label;
   @extend .w-100;
+  @extend .text-start;
+  padding: 12px 0;
+  border-bottom: 1px solid #E7E8EB;
 }
 
 .summary-content-container {
   @extend .flex-row-container;
-  @extend .justify-content-around;
-  @extend .my-1;
+  padding: 12px 0;
+  border-bottom: 1px solid #E7E8EB;
+
+  span {
+    @extend .text-start;
+    display: block;
+    flex: 1;
+    font-size: 12px;
+    font-weight: 600;
+    color: #0D1637
+  }
 }
 
 .summary-total-stages-content-span {
@@ -601,16 +696,20 @@ export default {
 }
 
 .action-footer {
-  @extend .flex-row-container;
-  @extend .justify-content-around;
+  padding: 12px 0;
+  text-align: left;
 }
 
 .cancel-button {
   @extend .stop-button;
+  @extend .mx-3;
+  @extend .min-btn
 }
 
 .submit-button {
   @extend .proceed-button;
+  @extend .mx-3;
+  @extend .min-btn
 }
 
 .offcanvas-parent {
@@ -643,9 +742,13 @@ export default {
 }
 
 .file-upload-container {
-  @extend .flex-row-container;
-  @extend .justify-content-start;
-  @extend .my-3;
+  padding: 12px 0;
+  width: 100%;
+  text-align: left;
+  border-bottom: 1px solid #E7E8EB;
+  .btn-link {
+    padding: 0;
+  }
 }
 
 .file-upload-label {
@@ -659,4 +762,25 @@ export default {
   @extend .form-control;
   @extend .w-30;
 }
+
+.milestone-input-container {
+  width: calc(33.3% - 30px);
+  border: 2px dashed #9CB0F6;
+  .btn-start {
+    background: transparent;
+    color: #0D1637;
+    border: none;
+    display: flex;
+    align-items: center;
+    pointer-events: none;
+  }
+}
+
+.delete-icon {
+  color: $primary;
+  cursor: pointer;
+  &:hover {
+    opacity: 0.78;
+  }
+}
 </style>
diff --git a/frontend/src/pages/user/workspace/requestIssue/Issue.vue b/frontend/src/pages/user/workspace/requestIssue/Issue.vue
index 665a538..700b82a 100644
--- a/frontend/src/pages/user/workspace/requestIssue/Issue.vue
+++ b/frontend/src/pages/user/workspace/requestIssue/Issue.vue
@@ -336,10 +336,6 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.upload-contianer {
-  display: flex;
-  align-items: center;
-}
 .delete-icon {
   color: $primary;
   cursor: pointer;
diff --git a/frontend/src/pages/user/workspace/requestIssue/Submitted.vue b/frontend/src/pages/user/workspace/requestIssue/Submitted.vue
index d0cfccf..f3b895f 100644
--- a/frontend/src/pages/user/workspace/requestIssue/Submitted.vue
+++ b/frontend/src/pages/user/workspace/requestIssue/Submitted.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="submission-result-container">
     <div class="submission-result-card">
-      <img src="@/assets/images/submited.png" alt="freeleaps">
+      <img src="@/assets/images/submited.png" alt="freeleaps"/>
       <span>The request has been submitted!</span>
       <span>
         You can find it in
@@ -39,42 +39,3 @@ export default {
   }
 }
 </script>
-<style lang="scss" scoped>
-.submission-result-container {
-  @extend .flex-row-container;
-  align-items: center;
-  justify-content: center;
-  min-height: $body-height;
-}
-
-.submission-result-card {
-  width: fit-content;
-  min-width: 641px;
-  padding: 45px 10px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: 26px;
-  line-height: 36px;
-  box-shadow: 0px 0px 24px 0px #D4D3E380;
-
-  img {
-    width: 86px;
-    margin-bottom: 20px
-  }
-  .btn-link {
-    text-decoration: underline;
-    padding: 0;
-    font-size: inherit
-  }
-}
-
-.submission-result-text {
-  @extend .fs-2;
-}
-
-.workspace-button {
-  @extend .inplace-proceed-button;
-}
-</style>
diff --git a/frontend/src/types/proposalUtils.js b/frontend/src/types/proposalUtils.js
index 80cf49a..ee5cbad 100644
--- a/frontend/src/types/proposalUtils.js
+++ b/frontend/src/types/proposalUtils.js
@@ -35,8 +35,8 @@ class ProposalUtils {
     if (stages)
       stages.forEach((element) => {
         summary.total_stages++
-        summary.total_payment += element.payment
-        summary.total_duration_in_days += element.duration_in_days
+        summary.total_payment += Number(element.payment)
+        summary.total_duration_in_days += Number(element.duration_in_days)
         summary.currency = element.currency
       })
   }