diff --git a/src/containers/DefaultContainer.vue b/src/containers/DefaultContainer.vue
index acee1809a..d218df6ae 100644
--- a/src/containers/DefaultContainer.vue
+++ b/src/containers/DefaultContainer.vue
@@ -110,7 +110,7 @@ export default {
             element: '',
             attributes: {},
           },
-          permission: permissions.VIEW_VULNERABILITY,
+          permissions: [permissions.VIEW_VULNERABILITY, permissions.VIEW_POLICY_VIOLATION],
         },
         {
           name: this.$t('message.vulnerability_audit'),
@@ -118,6 +118,12 @@ export default {
           icon: 'fa fa-tasks',
           permission: permissions.VIEW_VULNERABILITY,
         },
+        {
+            name: this.$t('message.policy_violation_audit'),
+            url: '/policyViolationAudit',
+            icon: 'fa fa-fire',
+            permission: permissions.VIEW_POLICY_VIOLATION
+        },
         {
           title: true,
           name: this.$t('message.administration'),
@@ -198,8 +204,9 @@ export default {
       let array = [];
       for (const item of this.nav) {
         if (
-          item.permission !== null &&
-          permissions.hasPermission(item.permission, decodedToken)
+          (item.permission !== null &&
+          permissions.hasPermission(item.permission, decodedToken))
+          || (Object.prototype.hasOwnProperty.call(item, "permissions") && item.permissions.some((permission) => permissions.hasPermission(permission, decodedToken)))
         ) {
           array.push(item);
         }
diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
index d94ecc85c..923f29c7d 100644
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -52,6 +52,7 @@
     "show_suppressed_findings": "Show suppressed findings",
     "show_suppressed_violations": "Show suppressed violations",
     "state": "State",
+    "policies": "Policies",
     "policy_name": "Policy Name",
     "occurred_on": "Occurred On",
     "risk_type": "Risk Type",
@@ -84,6 +85,7 @@
     "audit": "Audit",
     "global_audit": "Global Audit",
     "vulnerability_audit": "Vulnerability Audit",
+    "policy_violation_audit": "Policy Violation Audit",
     "audit_vulnerabilities": "Audit Vulnerabilities",
     "policy_violations": "Policy Violations",
     "policy_violations_by_classification": "Policy Violations by Classification",
diff --git a/src/router/index.js b/src/router/index.js
index cb6ad0e04..101f81627 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -21,6 +21,8 @@ const LicenseList = () => import('@/views/portfolio/licenses/LicenseList');
 const PolicyManagement = () => import('@/views/policy/PolicyManagement');
 const Project = () => import('@/views/portfolio/projects/Project');
 
+const PolicyViolationAudit = () => import('@/views/audit/PolicyViolationAudit');
+
 const Administration = () => import('@/views/administration/Administration');
 const General = () => import('@/views/administration/configuration/General');
 const BomFormats = () =>
@@ -300,6 +302,16 @@ function configRoutes() {
             permission: 'POLICY_MANAGEMENT',
           },
         },
+        {
+          path: 'policyViolationAudit',
+          component: PolicyViolationAudit,
+          meta: {
+            title: i18n.t('message.policy_violation_audit'),
+            i18n: 'message.policy_violation_audit',
+            sectionPath: '/audit',
+            permission: 'VIEW_POLICY_VIOLATION'
+          }
+        },
         {
           path: 'admin',
           component: Administration,
diff --git a/src/shared/utils.js b/src/shared/utils.js
index f5c30de06..9bad6c62b 100644
--- a/src/shared/utils.js
+++ b/src/shared/utils.js
@@ -53,6 +53,7 @@ const acceptableRootContextPaths = [
   '/vulnerability',
   '/license',
   '/vulnerabilityAudit',
+  '/policyViolationAudit',
   '/login',
   '/change-password',
 ];
diff --git a/src/views/audit/PolicyViolationAudit.vue b/src/views/audit/PolicyViolationAudit.vue
new file mode 100644
index 000000000..b08abcdd2
--- /dev/null
+++ b/src/views/audit/PolicyViolationAudit.vue
@@ -0,0 +1,357 @@
+<template>
+  <div class="animated fadeIn" v-permission="PERMISSIONS.VIEW_POLICY_VIOLATION">
+    <b-row>
+      <b-col xs="6" sm="4" md="4" lg="2" id="filter-controls">
+        <div>
+          <h3 style="display: inline">{{ this.$t('message.filters') }}</h3><b-button size="md" variant="outline-primary" style="float: right" @click="clearAllFilters()">
+          {{ this.$t('message.clear_all') }}</b-button>
+          <br><br>
+          <b-form-group id="showInactive-form-group" :label="this.$t('message.projects')">
+            <b-form-checkbox
+              id="showInactive-form-checkbox"
+              v-model="showInactive"
+              value="true"
+              unchecked-value="false">
+              {{ this.$t('message.show_inactive_projects') }}
+            </b-form-checkbox>
+          </b-form-group>
+          <b-form-group id="showSuppressed-form-group" :label="this.$t('message.analysis_status')">
+            <b-form-checkbox
+              id="showSuppressed-form-checkbox"
+              v-model="showSuppressed"
+              value="true"
+              unchecked-value="false">
+              {{ this.$t('message.show_suppressed_violations') }}
+            </b-form-checkbox>
+          </b-form-group>
+          <b-form-group id="violation-state-form-group" :label="this.$t('message.violation_state')">
+            <b-form-checkbox-group
+              id="violation-state-form-checkbox-group"
+              v-model="violationStateSelected"
+              :options="violationStateOptions"
+              stacked>
+            </b-form-checkbox-group>
+          </b-form-group>
+          <b-form-group id="risk-type-form-group" :label="this.$t('message.risk_type')">
+            <b-form-checkbox-group
+              id="risk-type-form-checkbox-group"
+              v-model="riskTypeSelected"
+              :options="riskTypeOptions"
+              stacked>
+            </b-form-checkbox-group>
+          </b-form-group>
+          <b-form-group id="analysis-type-form-group" :label="this.$t('message.analysis_state')">
+            <b-form-checkbox-group
+              id="analysis-type-form-checkbox-group"
+              v-model="analysisStateSelected"
+              :options="analysisStateOptions"
+              stacked>
+            </b-form-checkbox-group>
+          </b-form-group>
+          <b-form-group id="occurred-on-date-form-group" :label="this.$t('message.occurred_on')">
+            <b-datepicker id="occurred-on-datepicker-from" v-model="occurredOnDateFrom" :max="occurredOnDateTo" :placeholder="this.$t('message.from')"></b-datepicker>
+            <b-datepicker id="occurred-on-datepicker-to" v-model="occurredOnDateTo" :min="occurredOnDateFrom" :placeholder="this.$t('message.to')"></b-datepicker>
+          </b-form-group>
+          <b-form-group id="text-search-form-group" :label="this.$t('message.text_search')">
+            <b-form-input id="text-search-form-input" v-model="textSearchInput" debounce="750" :placeholder="this.$t('message.search')"></b-form-input>
+            Search in:
+            <b-form-checkbox-group
+              id="text-search-form-checkbox-group"
+              v-model="textSearchSelected"
+              :options="textSearchOptions"
+              stacked>
+            </b-form-checkbox-group>
+          </b-form-group>
+          <b-form-group id="policy-form-group" :label="this.$t('message.policies')" v-permission="PERMISSIONS.POLICY_MANAGEMENT">
+            <b-form-checkbox-group
+              id="policy-form-checkbox-group"
+              v-model="policySelected"
+              :options="policyOptions"
+              stacked>
+            </b-form-checkbox-group>
+          </b-form-group>
+        </div>
+      </b-col>
+      <b-col xs="6" sm="8" md="8" lg="10">
+        <bootstrap-table
+          ref="table"
+          :columns="columns"
+          :data="data"
+          :options="options"
+          @on-load-success="onLoadSuccess">
+        </bootstrap-table>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+  import permissionsMixin from "../../mixins/permissionsMixin";
+  import common from "@/shared/common";
+  import xssFilters from "xss-filters";
+  import {loadUserPreferencesForBootstrapTable} from "@/shared/utils";
+  import {hasPermission} from "@/shared/permissions";
+  import * as permissions from "@/shared/permissions";
+
+  export default {
+    mixins: [permissionsMixin],
+    computed: {
+      watchers() {
+        return [this.showInactive, this.showSuppressed, this.violationStateSelected, this.riskTypeSelected,
+          this.policySelected, this.analysisStateSelected, this.occurredOnDateFrom, this.occurredOnDateTo]
+      }
+    },
+    beforeMount() {
+      this.initializeWatchers();
+      this.initializePolicies();
+      this.textSearchSelected = this.textSearchOptions.map(option => option.value);
+    },
+    methods: {
+      initializePolicies: function () {
+        let policyUrl = `${this.$api.BASE_URL}/${this.$api.URL_POLICY}`;
+        if (hasPermission(permissions.POLICY_MANAGEMENT, this.decodedToken) || hasPermission(permissions.ACCESS_MANAGEMENT, this.decodedToken)) {
+          this.axios.get(policyUrl).then((response) => {
+            if (response.data) {
+              response.data.forEach(policy => this.policyOptions.push({text: policy.name, value: policy.uuid}))
+            }
+          }).catch((error) => {
+            this.$toastr.w(this.$t('condition.unsuccessful_action'));
+          })
+        }
+      },
+      initializeWatchers: function () {
+        this.simpleWatcher = this.$watch('watchers', () => this.refreshTable());
+        this.textSearchSelectedWatcher = this.$watch('textSearchSelected', () => {
+          if (this.textSearchInput.trim().length !== 0 ) {
+            this.refreshTable();
+          }
+        });
+        this.textSearchInputWatcher = this.$watch('textSearchInput', (newInput, oldInput) => {
+          if (!(newInput.trim().length === 0 && oldInput.trim().length === 0)) {
+            this.refreshTable();
+          }
+        });
+      },
+      apiUrl: function () {
+        let url = `${this.$api.BASE_URL}/${this.$api.URL_POLICY_VIOLATION}`;
+        url += "?showInactive=" + (this.showInactive === "true") + "&suppressed=" + (this.showSuppressed === "true");
+        if (this.violationStateSelected && this.violationStateSelected.length > 0) {
+          url += "&violationState=" + this.violationStateSelected;
+        }
+        if (this.riskTypeSelected && this.riskTypeSelected.length > 0) {
+          url += "&riskType=" + this.riskTypeSelected;
+        }
+        if (this.policySelected && this.policySelected.length > 0) {
+          url += "&policy=" + this.policySelected;
+        }
+        if (this.analysisStateSelected && this.analysisStateSelected.length > 0) {
+          url += "&analysisState=" + this.analysisStateSelected;
+        }
+        if (this.occurredOnDateFrom && this.occurredOnDateFrom.length > 0) {
+          url += "&occurredOnDateFrom=" + this.occurredOnDateFrom;
+        }
+        if (this.occurredOnDateTo && this.occurredOnDateTo.length > 0) {
+          url += "&occurredOnDateTo=" + this.occurredOnDateTo;
+        }
+        if (this.textSearchInput && this.textSearchInput.trim().length > 0) {
+          url += "&textSearchField=" + this.textSearchSelected + "&textSearchInput=" + this.textSearchInput.trim();
+        }
+        return url;
+      },
+      clearAllFilters: function () {
+        this.simpleWatcher();
+        this.textSearchSelectedWatcher();
+        this.textSearchInputWatcher();
+        this.showInactive = false;
+        this.showSuppressed = false;
+        this.violationStateSelected = [];
+        this.riskTypeSelected = [];
+        this.policySelected = [];
+        this.analysisStateSelected = [];
+        this.occurredOnDateFrom = '';
+        this.occurredOnDateTo = '';
+        this.textSearchInput = '';
+        this.textSearchSelected = this.textSearchOptions.map(option => option.value);
+        this.refreshTable();
+        this.initializeWatchers();
+      },
+      refreshTable: function() {
+        this.$refs.table.refresh({
+          url: this.apiUrl(),
+          silent: true
+        });
+      },
+      onLoadSuccess: function () {
+        loadUserPreferencesForBootstrapTable(this, "PolicyViolationAudit", this.$refs.table.columns);
+      },
+    },
+    data() {
+      return {
+        simpleWatcher: null,
+        textSearchSelectedWatcher: null,
+        textSearchInputWatcher: null,
+        showInactive: false,
+        showSuppressed: false,
+        violationStateSelected: [],
+        violationStateOptions: [
+          { text: 'Fail', value: 'FAIL' },
+          { text: 'Warn', value: 'WARN' },
+          { text: 'Info', value: 'INFO' },
+        ],
+        riskTypeSelected: [],
+        riskTypeOptions: [
+          { text: 'License', value: 'LICENSE' },
+          { text: 'Security', value: 'SECURITY' },
+          { text: 'Operational', value: 'OPERATIONAL' },
+        ],
+        policySelected: [],
+        policyOptions: [],
+        analysisStateSelected: [],
+        analysisStateOptions: [
+          { text: 'Not Set', value: 'NOT_SET' },
+          { text: 'Rejected', value: 'REJECTED' },
+          { text: 'Approved', value: 'APPROVED' },
+        ],
+        occurredOnDateFrom: '',
+        occurredOnDateTo: '',
+        textSearchInput: '',
+        textSearchOptions: [
+          { text: 'Policy Name', value: 'policy_name' },
+          { text: 'Component', value: 'component' },
+          { text: 'License', value: 'license' },
+          { text: 'Project Name', value: 'project_name'},
+        ],
+        textSearchSelected: [],
+        columns: [
+          {
+            title: this.$t('message.state'),
+            field: "policyCondition.policy.violationState",
+            sortable: true,
+            class: "tight",
+            formatter(value, row, index) {
+              if (typeof value !== 'undefined') {
+                return common.formatViolationStateLabel(value);
+              }
+            }
+          },
+          {
+            title: this.$t('message.risk_type'),
+            field: "type",
+            sortable: true,
+            class: "tight",
+            formatter(value, row, index) {
+              return xssFilters.inHTMLData(common.capitalize(common.valueWithDefault(value, "")));
+            }
+          },
+          {
+            title: this.$t('message.policy_name'),
+            field: "policyCondition.policy.name",
+            sortable: true,
+            formatter(value, row, index) {
+              return xssFilters.inHTMLData(common.valueWithDefault(value, ""));
+            }
+          },
+          {
+            title: this.$t('message.component'),
+            field: "component.name",
+            sortable: true,
+            formatter: (value, row, index) => {
+              if (row.component) {
+                let url = xssFilters.uriInUnQuotedAttr("../../../components/" + row.component.uuid);
+                let name = common.concatenateComponentName(null, row.component.name, row.component.version);
+                let dependencyGraphUrl = xssFilters.uriInUnQuotedAttr("../../../projects/" + row.project.uuid + "/dependencyGraph/" + row.component.uuid)
+                return `<a href="${dependencyGraphUrl}"<i class="fa fa-sitemap" aria-hidden="true" style="float:right; padding-top: 4px; cursor:pointer" data-toggle="tooltip" data-placement="bottom" title="Show in dependency graph"></i></a> ` + `<a href="${url}">${xssFilters.inHTMLData(name)}</a>`;
+              } else {
+                return "";
+              }
+            }
+          },
+          {
+            title: this.$t('message.project_name'),
+            field: "project.name",
+            sortable: true,
+            formatter(value, row, index) {
+              let url = xssFilters.uriInUnQuotedAttr("../projects/" + row.project.uuid);
+              let name = common.concatenateComponentName(null, row.project.name, row.project.version);
+              return `<a href="${url}">${xssFilters.inHTMLData(name)}</a>`;
+            }
+          },
+          {
+            title: this.$t('message.occurred_on'),
+            field: "timestamp",
+            sortable: true,
+            formatter(value, row, index) {
+              return xssFilters.inHTMLData(common.formatTimestamp(value));
+            }
+          },
+          {
+            title: this.$t('message.analysis'),
+            field: "analysis.analysisState",
+            sortable: false,
+            formatter: common.makeAnalysisStateLabelFormatter(this),
+          },
+          {
+            title: this.$t('message.suppressed'),
+            field: "analysis.isSuppressed",
+            sortable: false,
+            class: "tight",
+            formatter(value, row, index) {
+              return value === true ? '<i class="fa fa-check-square-o" />' : "";
+            },
+          },
+          {
+            title: this.$t('message.license'),
+            field: "component.license",
+            sortable: true,
+            formatter(value, row, index) {
+              if (Object.prototype.hasOwnProperty.call(row.component, "resolvedLicense")) {
+                let licenseurl = "../../../licenses/" + row.component.resolvedLicense.licenseId;
+                return "<a href=\"" + licenseurl + "\">" + xssFilters.inHTMLData(row.component.resolvedLicense.licenseId) + "</a>";
+              } else {
+                return xssFilters.inHTMLData(common.valueWithDefault(value, ""));
+              }
+            }
+          },
+        ],
+        data: [],
+        options: {
+          search: false,
+          showColumns: true,
+          showRefresh: true,
+          pagination: true,
+          silentSort: false,
+          sidePagination: 'server',
+          queryParamsType: 'pageSize',
+          pageList: '[10, 25, 50, 100]',
+          pageSize: (localStorage && localStorage.getItem("PolicyViolationAuditPageSize") !== null) ? Number(localStorage.getItem("PolicyViolationAuditPageSize")) : 10,
+          sortName: (localStorage && localStorage.getItem("PolicyViolationAuditSortName") !== null) ? localStorage.getItem("PolicyViolationAuditSortName") : 'timestamp',
+          sortOrder: (localStorage && localStorage.getItem("PolicyViolationAuditSortOrder") !== null) ? localStorage.getItem("PolicyViolationAuditSortOrder") : 'desc',
+          icons: {
+            refresh: 'fa-refresh'
+          },
+          responseHandler: function (res, xhr) {
+            res.total = xhr.getResponseHeader("X-Total-Count");
+            return res;
+          },
+          url: this.apiUrl(),
+          onPageChange: ((number, size) => {
+            if (localStorage) {
+              localStorage.setItem("PolicyViolationAuditPageSize", size.toString())
+            }
+          }),
+          onColumnSwitch: ((field, checked) => {
+            if (localStorage) {
+              localStorage.setItem("PolicyViolationAuditShow"+common.capitalize(field), checked.toString())
+            }
+          }),
+          onSort: ((name, order) => {
+            if (localStorage) {
+              localStorage.setItem("PolicyViolationAuditSortName", name);
+              localStorage.setItem("PolicyViolationAuditSortOrder", order);
+            }
+          })
+        }
+      }
+    }
+  }
+</script>