diff --git a/services/core-web/src/components/mine/Permit/MinePermitTable.tsx b/services/core-web/src/components/mine/Permit/MinePermitTable.tsx
index 18bbbe88dc..ae2a3a388c 100644
--- a/services/core-web/src/components/mine/Permit/MinePermitTable.tsx
+++ b/services/core-web/src/components/mine/Permit/MinePermitTable.tsx
@@ -1,7 +1,12 @@
 import React from "react";
 import { Button, Dropdown, Menu, Popconfirm } from "antd";
 import { Link, useHistory, useParams } from "react-router-dom";
-import { PlusOutlined, ReadOutlined, SafetyCertificateOutlined } from "@ant-design/icons";
+import {
+  PlusOutlined,
+  ReadOutlined,
+  SafetyCertificateOutlined,
+  EyeOutlined,
+} from "@ant-design/icons";
 import { useSelector } from "react-redux";
 import { Feature } from "@mds/common/index";
 import { useFeatureFlag } from "@mds/common/providers/featureFlags/useFeatureFlag";
@@ -340,8 +345,23 @@ export const MinePermitTable: React.FC<MinePermitTableProps> = ({
           ? record.permit.permit_guid
           : record.permit?.permit_amendment_guid;
         const items = [
-          {
+          isFeatureEnabled(Feature.DIGITIZED_PERMITS) && {
             key: "0",
+            label: (
+              <button
+                type="button"
+                className="full add-permit-dropdown-button"
+                onClick={() => history.push(VIEW_MINE_PERMIT.dynamicRoute(id, permitGuid))}
+              >
+                <div>
+                  <EyeOutlined className="padding-sm add-permit-dropdown-button-icon" />
+                  View
+                </div>
+              </button>
+            ),
+          },
+          {
+            key: "1",
             label: (
               <button
                 type="button"
@@ -356,7 +376,7 @@ export const MinePermitTable: React.FC<MinePermitTableProps> = ({
             ),
           },
           !text.hasAmalgamated && {
-            key: "1",
+            key: "2",
             label: (
               <button
                 type="button"
@@ -373,7 +393,7 @@ export const MinePermitTable: React.FC<MinePermitTableProps> = ({
             ),
           },
           {
-            key: "2",
+            key: "3",
             label: (
               <AuthorizationWrapper permission={Permission.EDIT_HISTORICAL_AMENDMENTS}>
                 <div className="custom-menu-item">
@@ -397,7 +417,7 @@ export const MinePermitTable: React.FC<MinePermitTableProps> = ({
             ),
           },
           {
-            key: "3",
+            key: "4",
             label: (
               <AuthorizationWrapper permission={Permission.EDIT_SECURITIES}>
                 <div className="custom-menu-item">
@@ -421,7 +441,7 @@ export const MinePermitTable: React.FC<MinePermitTableProps> = ({
             ),
           },
           {
-            key: "4",
+            key: "5",
             label: (
               <AuthorizationWrapper permission={Permission.EDIT_PERMITS}>
                 <div className="custom-menu-item">
@@ -442,20 +462,6 @@ export const MinePermitTable: React.FC<MinePermitTableProps> = ({
               </AuthorizationWrapper>
             ),
           },
-          isFeatureEnabled(Feature.DIGITIZED_PERMITS) && {
-            key: "5",
-            label: (
-              <div className="custom-menu-item">
-                <button
-                  type="button"
-                  className="full"
-                  onClick={() => history.push(VIEW_MINE_PERMIT.dynamicRoute(id, permitGuid))}
-                >
-                  View
-                </button>
-              </div>
-            ),
-          },
         ].filter(Boolean);
 
         const menu = <Menu items={items} />;
diff --git a/services/core-web/src/components/mine/Permit/ViewPermit.tsx b/services/core-web/src/components/mine/Permit/ViewPermit.tsx
index 510f080830..3a6d01df13 100644
--- a/services/core-web/src/components/mine/Permit/ViewPermit.tsx
+++ b/services/core-web/src/components/mine/Permit/ViewPermit.tsx
@@ -1,16 +1,12 @@
 import React, { useEffect } from "react";
-import { Col, Row, Tabs, Typography } from "antd";
+import { Col, Row, Tabs, Typography, Tag } from "antd";
 import { Link, useParams } from "react-router-dom";
 import { useDispatch, useSelector } from "react-redux";
 import { getPermitByGuid } from "@mds/common/redux/selectors/permitSelectors";
 import { IMine, IPermit } from "@mds/common";
-import { faLocationDot } from "@fortawesome/pro-light-svg-icons";
-import CoreTag from "@mds/common/components/common/CoreTag";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import CompanyIcon from "@mds/common/assets/icons/CompanyIcon";
 import ViewPermitOverview from "@/components/mine/Permit/ViewPermitOverview";
 import ViewPermitConditions from "@/components/mine/Permit/ViewPermitConditions";
-import ViewPermitReports from "@/components/mine/Permit/ViewPermitReports";
+
 import { fetchPermits } from "@mds/common/redux/actionCreators/permitActionCreator";
 import { getMineById } from "@mds/common/redux/selectors/mineSelectors";
 import * as routes from "@/constants/routes";
@@ -48,11 +44,6 @@ const ViewPermit = () => {
       label: "Permit Conditions",
       children: <ViewPermitConditions />,
     },
-    {
-      key: "3",
-      label: "Reports",
-      children: <ViewPermitReports />,
-    },
   ];
 
   return (
@@ -72,10 +63,10 @@ const ViewPermit = () => {
           </Title>
         </Col>
         <Col>
-          <CoreTag icon={<FontAwesomeIcon icon={faLocationDot} />} text={mine?.mine_name} />
+          <Tag>{mine?.mine_name}</Tag>
         </Col>
         <Col>
-          <CoreTag icon={<CompanyIcon />} text={permit?.current_permittee} />
+          <Tag>{permit?.current_permittee}</Tag>
         </Col>
       </Row>
       <Tabs items={tabItems} />
diff --git a/services/core-web/src/components/mine/Permit/ViewPermitOverview.tsx b/services/core-web/src/components/mine/Permit/ViewPermitOverview.tsx
index d6d5f08dc4..4959527e41 100644
--- a/services/core-web/src/components/mine/Permit/ViewPermitOverview.tsx
+++ b/services/core-web/src/components/mine/Permit/ViewPermitOverview.tsx
@@ -154,7 +154,7 @@ const ViewPermitOverview = () => {
             <Row>
               <Col span={24}>
                 <Paragraph strong>Fee Exemption Note</Paragraph>
-                <Paragraph>{permit.exemption_fee_status_note ?? "-"}</Paragraph>
+                <Paragraph>{permit.exemption_fee_status_note ?? ""}</Paragraph>
               </Col>
             </Row>
             <Row>
@@ -174,14 +174,14 @@ const ViewPermitOverview = () => {
                 <Paragraph>
                   {latestAmendment.security_received_date
                     ? formatDate(latestAmendment.security_received_date)
-                    : "-"}
+                    : ""}
                 </Paragraph>
               </Col>
             </Row>
             <Row>
               <Col span={24}>
                 <Paragraph strong>Assessed Liability Adjustment</Paragraph>
-                <Paragraph>${latestAmendment.liability_adjustment ?? "-"}</Paragraph>
+                <Paragraph>${latestAmendment.liability_adjustment ?? ""}</Paragraph>
               </Col>
             </Row>
             <Divider />
@@ -233,7 +233,7 @@ const ViewPermitOverview = () => {
             <Row>
               <Col span={24}>
                 <Paragraph strong>Remaining Outstanding Liability Amount (if any)</Paragraph>
-                <Paragraph>{permit.remaining_static_liability ?? "-"}</Paragraph>
+                <Paragraph>{permit.remaining_static_liability ?? ""}</Paragraph>
               </Col>
             </Row>
             <Row justify="space-between">
diff --git a/services/core-web/src/styles/components/ViewPermit.scss b/services/core-web/src/styles/components/ViewPermit.scss
index 59ada1b355..442e92c1fc 100644
--- a/services/core-web/src/styles/components/ViewPermit.scss
+++ b/services/core-web/src/styles/components/ViewPermit.scss
@@ -11,16 +11,20 @@
 
 .view-permits-content {
   background-color: #f9f9f9;
+  margin-top: 16px;
+  margin-bottom: 16px;
   margin-left: -20px;
   margin-right: -20px;
-  padding: 0 20px;
+  padding: 0 20px 16px;
   p {
     margin: 0;
   }
   .ant-row:nth-child(2) {
+    padding-top: 16px;
+    padding-bottom: 16px;
     background-color: #fff;
     > .ant-col:nth-child(1) {
-      border-right: 1px solid $non-textual-grey;
+      border-right: 1px solid $light-grey;
     }
     .ant-row {
       padding: 0;
diff --git a/services/core-web/src/tests/components/mine/Permit/MinePermitTable.spec.tsx b/services/core-web/src/tests/components/mine/Permit/MinePermitTable.spec.tsx
index dcfecc7c6a..83b98594f0 100644
--- a/services/core-web/src/tests/components/mine/Permit/MinePermitTable.spec.tsx
+++ b/services/core-web/src/tests/components/mine/Permit/MinePermitTable.spec.tsx
@@ -1,11 +1,9 @@
 import React from "react";
-import { shallow } from "enzyme";
 import { MinePermitTable } from "@/components/mine/Permit/MinePermitTable";
 import * as MOCK from "@/tests/mocks/dataMocks";
 import { render } from "@testing-library/react";
 import { ReduxWrapper } from "@mds/common/tests/utils/ReduxWrapper";
 import { BrowserRouter } from "react-router-dom";
-import ViewPermit from "@/components/mine/Permit/ViewPermit";
 
 const dispatchProps: any = {};
 const props: any = {};
diff --git a/services/core-web/src/tests/components/mine/Permit/__snapshots__/ViewPermit.spec.tsx.snap b/services/core-web/src/tests/components/mine/Permit/__snapshots__/ViewPermit.spec.tsx.snap
index 864a4a25ec..4c29b6d9c5 100644
--- a/services/core-web/src/tests/components/mine/Permit/__snapshots__/ViewPermit.spec.tsx.snap
+++ b/services/core-web/src/tests/components/mine/Permit/__snapshots__/ViewPermit.spec.tsx.snap
@@ -43,173 +43,19 @@ exports[`ViewPermit renders properly 1`] = `
       class="ant-col"
       style="padding-left: 8px; padding-right: 8px;"
     >
-      <div
-        class="ant-row ant-row-space-between ant-row-middle tag"
+      <span
+        class="ant-tag"
       >
-        <svg
-          aria-hidden="true"
-          class="svg-inline--fa fa-location-dot "
-          data-icon="location-dot"
-          data-prefix="fal"
-          focusable="false"
-          role="img"
-          viewBox="0 0 384 512"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M352 192c0-88.4-71.6-160-160-160S32 103.6 32 192c0 15.6 5.4 37 16.6 63.4c10.9 25.9 26.2 54 43.6 82.1c34.1 55.3 74.4 108.2 99.9 140c25.4-31.8 65.8-84.7 99.9-140c17.3-28.1 32.7-56.3 43.6-82.1C346.6 229 352 207.6 352 192zm32 0c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192zm-240 0a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zm48 80a80 80 0 1 1 0-160 80 80 0 1 1 0 160z"
-            fill="currentColor"
-          />
-        </svg>
-        <span
-          class="ant-typography margin-medium--left"
-        >
-          mine3
-        </span>
-      </div>
+        mine3
+      </span>
     </div>
     <div
       class="ant-col"
       style="padding-left: 8px; padding-right: 8px;"
     >
-      <div
-        class="ant-row ant-row-space-between ant-row-middle tag"
-      >
-        <span
-          class="anticon"
-          role="img"
-        >
-          <svg
-            fill="none"
-            height="24"
-            viewBox="0 0 24 24"
-            width="24"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M7 3H17C18.1046 3 19 3.89543 19 5V21H5V5C5 3.89543 5.89543 3 7 3Z"
-              fill="transparent"
-              stroke="#3C3636"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="1"
-            />
-            <mask
-              fill="white"
-              id="path-2-inside-1"
-            >
-              <rect
-                height="3"
-                rx="0.5"
-                width="4"
-                x="7"
-                y="5"
-              />
-            </mask>
-            <rect
-              height="3"
-              mask="url(#path-2-inside-1)"
-              rx="0.5"
-              stroke="#3C3636"
-              stroke-width="2"
-              width="4"
-              x="7"
-              y="5"
-            />
-            <mask
-              fill="white"
-              id="path-3-inside-2"
-            >
-              <rect
-                height="3"
-                rx="0.5"
-                width="4"
-                x="13"
-                y="5"
-              />
-            </mask>
-            <rect
-              height="3"
-              mask="url(#path-3-inside-2)"
-              rx="0.5"
-              stroke="#3C3636"
-              stroke-width="2"
-              width="4"
-              x="13"
-              y="5"
-            />
-            <mask
-              fill="white"
-              id="path-4-inside-3"
-            >
-              <rect
-                height="3"
-                rx="0.5"
-                width="4"
-                x="7"
-                y="10"
-              />
-            </mask>
-            <rect
-              height="3"
-              mask="url(#path-4-inside-3)"
-              rx="0.5"
-              stroke="#3C3636"
-              stroke-width="2"
-              width="4"
-              x="7"
-              y="10"
-            />
-            <mask
-              fill="white"
-              id="path-5-inside-4"
-            >
-              <rect
-                height="3"
-                rx="0.5"
-                width="4"
-                x="13"
-                y="10"
-              />
-            </mask>
-            <rect
-              height="3"
-              mask="url(#path-5-inside-4)"
-              rx="0.5"
-              stroke="#3C3636"
-              stroke-width="2"
-              width="4"
-              x="13"
-              y="10"
-            />
-            <mask
-              fill="white"
-              id="path-6-inside-5"
-            >
-              <rect
-                height="6"
-                rx="0.5"
-                width="4"
-                x="13"
-                y="15"
-              />
-            </mask>
-            <rect
-              height="6"
-              mask="url(#path-6-inside-5)"
-              rx="0.5"
-              stroke="#3C3636"
-              stroke-width="2"
-              width="4"
-              x="13"
-              y="15"
-            />
-          </svg>
-        </span>
-        <span
-          class="ant-typography margin-medium--left"
-        />
-      </div>
+      <span
+        class="ant-tag"
+      />
     </div>
   </div>
   <div
@@ -256,21 +102,6 @@ exports[`ViewPermit renders properly 1`] = `
               Permit Conditions
             </div>
           </div>
-          <div
-            class="ant-tabs-tab"
-            data-node-key="3"
-          >
-            <div
-              aria-controls="rc-tabs-test-panel-3"
-              aria-selected="false"
-              class="ant-tabs-tab-btn"
-              id="rc-tabs-test-tab-3"
-              role="tab"
-              tabindex="0"
-            >
-              Reports
-            </div>
-          </div>
           <div
             class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
           />
@@ -541,7 +372,7 @@ exports[`ViewPermit renders properly 1`] = `
                     <div
                       class="ant-typography"
                     >
-                      -
+                      
                     </div>
                   </div>
                 </div>
@@ -602,7 +433,7 @@ exports[`ViewPermit renders properly 1`] = `
                     <div
                       class="ant-typography"
                     >
-                      -
+                      
                     </div>
                   </div>
                 </div>
@@ -716,7 +547,7 @@ exports[`ViewPermit renders properly 1`] = `
                     <div
                       class="ant-typography"
                     >
-                      -
+                      
                     </div>
                   </div>
                 </div>
diff --git a/services/core-web/src/tests/components/mine/Permit/__snapshots__/ViewPermitOverview.spec.tsx.snap b/services/core-web/src/tests/components/mine/Permit/__snapshots__/ViewPermitOverview.spec.tsx.snap
index 3d9af8702a..6ad60955f9 100644
--- a/services/core-web/src/tests/components/mine/Permit/__snapshots__/ViewPermitOverview.spec.tsx.snap
+++ b/services/core-web/src/tests/components/mine/Permit/__snapshots__/ViewPermitOverview.spec.tsx.snap
@@ -216,7 +216,7 @@ exports[`MinePermitInfo renders properly 1`] = `
           <div
             class="ant-typography"
           >
-            -
+            
           </div>
         </div>
       </div>
@@ -277,7 +277,7 @@ exports[`MinePermitInfo renders properly 1`] = `
           <div
             class="ant-typography"
           >
-            -
+            
           </div>
         </div>
       </div>
@@ -391,7 +391,7 @@ exports[`MinePermitInfo renders properly 1`] = `
           <div
             class="ant-typography"
           >
-            -
+            
           </div>
         </div>
       </div>