diff --git a/datahub-web-react/src/Mocks.tsx b/datahub-web-react/src/Mocks.tsx
index 2e474256f421e..d379dac592618 100644
--- a/datahub-web-react/src/Mocks.tsx
+++ b/datahub-web-react/src/Mocks.tsx
@@ -3956,4 +3956,6 @@ export const platformPrivileges: PlatformPrivileges = {
     manageGlobalAnnouncements: true,
     createBusinessAttributes: true,
     manageBusinessAttributes: true,
+    manageStructuredProperties: true,
+    viewStructuredPropertiesPage: true,
 };
diff --git a/datahub-web-react/src/app/entity/structuredProperty/StructuredPropertyEntity.tsx b/datahub-web-react/src/app/entity/structuredProperty/StructuredPropertyEntity.tsx
index cdcc391620ae7..2bdfd550652fa 100644
--- a/datahub-web-react/src/app/entity/structuredProperty/StructuredPropertyEntity.tsx
+++ b/datahub-web-react/src/app/entity/structuredProperty/StructuredPropertyEntity.tsx
@@ -58,13 +58,11 @@ export class StructuredPropertyEntity implements Entity<StructuredProperty> {
 
     renderPreview = (previewType: PreviewType, data: StructuredProperty) => (
         <DefaultPreviewCard
-            data={null}
             description={data.definition?.description || ''}
             name={this.displayName(data)}
             urn={data.urn}
             url={`/${this.getPathName()}/${urlEncodeUrn(data.urn)}`}
             logoComponent={<PreviewPropIcon />}
-            entityType={EntityType.StructuredProperty}
             typeIcon={this.icon(14, IconStyleType.ACCENT)}
             previewType={previewType}
         />
diff --git a/datahub-web-react/src/app/govern/structuredProperties/AllowedValuesDrawer.tsx b/datahub-web-react/src/app/govern/structuredProperties/AllowedValuesDrawer.tsx
index 5399af79b1171..f1dccb6db0c22 100644
--- a/datahub-web-react/src/app/govern/structuredProperties/AllowedValuesDrawer.tsx
+++ b/datahub-web-react/src/app/govern/structuredProperties/AllowedValuesDrawer.tsx
@@ -126,7 +126,7 @@ const AllowedValuesDrawer = ({
                                         add();
                                         setTimeout(() => scrollToBottom(), 0);
                                     }}
-                                    color={'violet'}
+                                    color="violet"
                                 >
                                     Add
                                 </Button>
diff --git a/datahub-web-react/src/app/search/filters/OptionsDropdownMenu.tsx b/datahub-web-react/src/app/search/filters/OptionsDropdownMenu.tsx
index b7a211ef8ef5d..f1c806671a39b 100644
--- a/datahub-web-react/src/app/search/filters/OptionsDropdownMenu.tsx
+++ b/datahub-web-react/src/app/search/filters/OptionsDropdownMenu.tsx
@@ -2,10 +2,10 @@ import { LoadingOutlined } from '@ant-design/icons';
 import { Button } from 'antd';
 import React, { CSSProperties } from 'react';
 import styled from 'styled-components/macro';
+import { FacetFilterInput, FacetMetadata } from '@src/types.generated';
 import { useEntityRegistry } from '../../useEntityRegistry';
 import { SearchBar } from '../SearchBar';
 import { useEnterKeyListener } from '../../shared/useEnterKeyListener';
-import { FacetFilterInput, FacetMetadata } from '@src/types.generated';
 import { getIsDateRangeFilter } from './utils';
 import DateRangeMenu from './DateRangeMenu/DateRangeMenu';
 
diff --git a/datahub-web-react/src/app/search/filters/utils.tsx b/datahub-web-react/src/app/search/filters/utils.tsx
index 1db5c05e515b8..2bbad25153363 100644
--- a/datahub-web-react/src/app/search/filters/utils.tsx
+++ b/datahub-web-react/src/app/search/filters/utils.tsx
@@ -11,6 +11,8 @@ import {
     TagOutlined,
     UserOutlined,
 } from '@ant-design/icons';
+import { removeMarkdown } from '@src/app/entity/shared/components/styled/StripMarkdownText';
+import { DATE_TYPE_URN } from '@src/app/shared/constants';
 import React, { useLayoutEffect, useState } from 'react';
 import styled from 'styled-components';
 import {
@@ -50,8 +52,6 @@ import { GetAutoCompleteMultipleResultsQuery } from '../../../graphql/search.gen
 import { FACETS_TO_ENTITY_TYPES } from './constants';
 import { FilterOptionType } from './types';
 import { capitalizeFirstLetterOnly } from '../../shared/textUtil';
-import { removeMarkdown } from '@src/app/entity/shared/components/styled/StripMarkdownText';
-import { DATE_TYPE_URN } from '@src/app/shared/constants';
 
 // either adds or removes selectedFilterValues to/from activeFilters for a given filterField
 export function getNewFilters(filterField: string, activeFilters: FacetFilterInput[], selectedFilterValues: string[]) {
diff --git a/datahub-web-react/src/graphql/fragments.graphql b/datahub-web-react/src/graphql/fragments.graphql
index 3059c6ceaa526..788c68349b426 100644
--- a/datahub-web-react/src/graphql/fragments.graphql
+++ b/datahub-web-react/src/graphql/fragments.graphql
@@ -1238,7 +1238,7 @@ fragment entityDisplayNameFields on Entity {
         }
     }
     ... on DataPlatformInstance {
-    instanceId
+        instanceId
     }
     ... on StructuredPropertyEntity {
         definition {