diff --git a/src/pages/MainPage/Main.sass b/src/pages/MainPage/Main.sass
index f08c623..9ef822f 100644
--- a/src/pages/MainPage/Main.sass
+++ b/src/pages/MainPage/Main.sass
@@ -84,6 +84,7 @@ h1
   width: 90%
   border-collapse: collapse
   margin: 2rem
+  box-shadow: inset 0 1px 2px #16212C, 0 2px 4px #2a3f5332, 0 4px 8px #344c654e
 
   th, td
     // border: 1px solid vars.$tableBorderColor
@@ -120,13 +121,17 @@ h1
   font-weight: 500
 
   &__application-number
+    padding: 1rem
+    // border: 1px solid #5882abdb
+    border-radius: 8px
     font-size: 1.75rem
     font-weight: 700
     display: flex
     flex-direction: column
     flex-wrap: wrap
     align-items: center
-
+    background: #16212C
+    box-shadow: 8px 8px 28px #0d141b, -8px -8px 28px #1f2e3d
   &__name
     padding: 1rem 0 0 0
     font-size: 1rem
@@ -138,7 +143,11 @@ h1
     justify-content: flex-start
     align-items: flex-start
     gap: 0.5rem
-    padding: 2rem 0 0 0
+    padding: 1.25rem 1rem
+    // box-shadow: 5px 5px 10px #10171f, -5px -5px 10px #1c2b39
+    // border: 1px solid white
+    // border-radius: 8px
+    // margin: 0.5rem
 
     &__label
       font-size: 0.75rem
@@ -149,3 +158,8 @@ h1
       &__price
         font-size: 1.75rem
         font-weight: 700
+
+  &__cancel
+    font-size: 0.75rem
+    padding: 0.5rem 0 0 0
+    font-weight: 400
diff --git a/src/pages/MainPage/Main.tsx b/src/pages/MainPage/Main.tsx
index b037982..a7865a0 100644
--- a/src/pages/MainPage/Main.tsx
+++ b/src/pages/MainPage/Main.tsx
@@ -251,44 +251,44 @@ export default () => {
                               }}
                             >
                               <Padding top={0} left={2} right={2} bottom={0}>
-                                <Box curved thickness={1} padding="1rem">
-                                  <span class="modal__application-number">{item}</span>
-                                </Box>
-                                <section class="modal__row">
-                                  <span class="modal__row__label">Name of Applicant:</span>
-                                  <span class="modal__row__detail">{nameList()[index]}</span>
-                                </section>
+                                <span class="modal__application-number">{item}</span>
+                                <Padding top={1} left={0} right={0} bottom={0}>
+                                  <section class="modal__row">
+                                    <span class="modal__row__label">Name of Applicant:</span>
+                                    <span class="modal__row__detail">{nameList()[index]}</span>
+                                  </section>
 
-                                <section class="modal__row">
-                                  <span class="modal__row__label">Location:</span>
-                                  <span class="modal__row__detail">{location()}</span>
-                                </section>
+                                  <section class="modal__row">
+                                    <span class="modal__row__label">Location:</span>
+                                    <span class="modal__row__detail">{location()}</span>
+                                  </section>
 
-                                <section class="modal__row">
-                                  <span class="modal__row__label">Type:</span>
-                                  <span class="modal__row__detail">{type().toUpperCase()}</span>
-                                </section>
+                                  <section class="modal__row">
+                                    <span class="modal__row__label">Type:</span>
+                                    <span class="modal__row__detail">{type().toUpperCase()}</span>
+                                  </section>
 
-                                <section class="modal__row">
-                                  <span class="modal__row__label">Assessed By:</span>
-                                  <span class="modal__row__detail">{assessor()}</span>
-                                </section>
+                                  <section class="modal__row">
+                                    <span class="modal__row__label">Assessed By:</span>
+                                    <span class="modal__row__detail">{assessor()}</span>
+                                  </section>
 
-                                <section class="modal__row">
-                                  <span class="modal__row__label">Date Assessed:</span>
-                                  <span class="modal__row__detail">{dateOp().toUpperCase()}</span>
-                                </section>
+                                  <section class="modal__row">
+                                    <span class="modal__row__label">Date Assessed:</span>
+                                    <span class="modal__row__detail">{dateOp().toUpperCase()}</span>
+                                  </section>
 
-                                <section class="modal__row">
-                                  <span class="modal__row__label">Total Fee:</span>
-                                  <span class="modal__row__detail__price">
-                                    {PESO} {totalOp().toFixed(2)}
-                                  </span>
-                                </section>
+                                  <section class="modal__row">
+                                    <span class="modal__row__label">Total Fee:</span>
+                                    <span class="modal__row__detail__price">
+                                      {PESO} {totalOp().toFixed(2)}
+                                    </span>
+                                  </section>
+                                </Padding>
 
-                                <Row gap={12} padding="2rem 0 0 0">
-                                  <Button label="Cancel" edges="curved" design="bo-danger"></Button>
-                                  <Button label="Approve" edges="curved" design="bo-primary" onClick={approveHandler}></Button>
+                                <Row padding="2rem 0 0 0">
+                                  <Button wide label="Approve" edges="curved" design="bo-primary" onClick={approveHandler}></Button>
+                                  <span class="modal__cancel">To cancel click anywhere</span>
                                 </Row>
                               </Padding>
                             </ModalButton>