diff --git a/src/elements/content-explorer/stories/tests/ContentExplorer-visual.stories.js b/src/elements/content-explorer/stories/tests/ContentExplorer-visual.stories.js
index 0349fdae9e..009db72022 100644
--- a/src/elements/content-explorer/stories/tests/ContentExplorer-visual.stories.js
+++ b/src/elements/content-explorer/stories/tests/ContentExplorer-visual.stories.js
@@ -28,7 +28,7 @@ export const basic = {
     },
 };
 
-export const Modernization = {
+export const withModernization = {
     args: {
         enableModernizedComponents: true,
     },
diff --git a/src/elements/content-picker/stories/tests/ContentPicker-visual.stories.js b/src/elements/content-picker/stories/tests/ContentPicker-visual.stories.js
index 4db49af5b4..798c775fbe 100644
--- a/src/elements/content-picker/stories/tests/ContentPicker-visual.stories.js
+++ b/src/elements/content-picker/stories/tests/ContentPicker-visual.stories.js
@@ -8,7 +8,7 @@ import { DEFAULT_HOSTNAME_API } from '../../../../constants';
 
 export const basic = {};
 
-export const Modernization = {
+export const withModernization = {
     args: {
         enableModernizedComponents: true,
     },
diff --git a/src/elements/content-preview/stories/tests/ContentPreview-visual.stories.js b/src/elements/content-preview/stories/tests/ContentPreview-visual.stories.js
index d694e1a9db..5a47463aca 100644
--- a/src/elements/content-preview/stories/tests/ContentPreview-visual.stories.js
+++ b/src/elements/content-preview/stories/tests/ContentPreview-visual.stories.js
@@ -30,7 +30,7 @@ export const basic = {
     },
 };
 
-export const Modernization = {
+export const withModernization = {
     args: {
         enableModernizedComponents: true,
     },
diff --git a/src/elements/content-sharing/ContentSharingV2.tsx b/src/elements/content-sharing/ContentSharingV2.tsx
index 35086c9291..a607399de9 100644
--- a/src/elements/content-sharing/ContentSharingV2.tsx
+++ b/src/elements/content-sharing/ContentSharingV2.tsx
@@ -7,6 +7,7 @@ import type { CollaborationRole, Collaborator, Item, SharedLink, User } from '@b
 import API from '../../api';
 import Internationalize from '../common/Internationalize';
 import Providers from '../common/Providers';
+import { withBlueprintModernization } from '../common/withBlueprintModernization';
 import { fetchAvatars, fetchCollaborators, fetchCurrentUser, fetchItem } from './apis';
 import { useSharingService } from './hooks/useSharingService';
 import { convertCollabsResponse, convertItemResponse } from './utils';
@@ -177,4 +178,4 @@ function ContentSharingV2({
     );
 }
 
-export default ContentSharingV2;
+export default withBlueprintModernization(ContentSharingV2);
diff --git a/src/elements/content-sharing/stories/tests/ContentSharingV2-visual.stories.tsx b/src/elements/content-sharing/stories/tests/ContentSharingV2-visual.stories.tsx
index 41f2c7ceb5..d3f3c9d055 100644
--- a/src/elements/content-sharing/stories/tests/ContentSharingV2-visual.stories.tsx
+++ b/src/elements/content-sharing/stories/tests/ContentSharingV2-visual.stories.tsx
@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { expect, screen, userEvent, waitFor, within } from 'storybook/test';
 
+import { Button } from '@box/blueprint-web';
+
 import { TYPE_FILE } from '../../../../constants';
 import {
     mockAPIWithCollaborators,
@@ -69,7 +71,7 @@ export default {
     title: 'Elements/ContentSharingV2/tests/visual-regression-tests',
     component: ContentSharingV2,
     args: {
-        children: <button>Open Unified Share Modal</button>,
+        children: <Button>Open Unified Share Modal</Button>,
         itemType: TYPE_FILE,
         itemID: global.FILE_ID,
     },
diff --git a/src/elements/content-sidebar/stories/tests/ContentSidebar-visual.stories.tsx b/src/elements/content-sidebar/stories/tests/ContentSidebar-visual.stories.tsx
index c572e45ea6..8edd73b9fc 100644
--- a/src/elements/content-sidebar/stories/tests/ContentSidebar-visual.stories.tsx
+++ b/src/elements/content-sidebar/stories/tests/ContentSidebar-visual.stories.tsx
@@ -23,7 +23,7 @@ export default {
     },
 };
 
-export const Modernization = {
+export const withModernization = {
     args: {
         enableModernizedComponents: true,
     },
diff --git a/src/elements/content-uploader/stories/tests/ContentUploader-visual.stories.js b/src/elements/content-uploader/stories/tests/ContentUploader-visual.stories.js
index 0312cba0eb..2867a86bec 100644
--- a/src/elements/content-uploader/stories/tests/ContentUploader-visual.stories.js
+++ b/src/elements/content-uploader/stories/tests/ContentUploader-visual.stories.js
@@ -23,7 +23,7 @@ export const basic = {
     },
 };
 
-export const Modernization = {
+export const withModernization = {
     args: {
         enableModernizedComponents: true,
     },