diff --git a/packages/react-components/react-drawer/src/components/DrawerBody/DrawerBody.tsx b/packages/react-components/react-drawer/src/components/DrawerBody/DrawerBody.tsx
index 54dc2c83c733bc..ced951f5b159c4 100644
--- a/packages/react-components/react-drawer/src/components/DrawerBody/DrawerBody.tsx
+++ b/packages/react-components/react-drawer/src/components/DrawerBody/DrawerBody.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useDrawerBody_unstable } from './useDrawerBody';
 import { renderDrawerBody_unstable } from './renderDrawerBody';
-import { useDrawerBodyStyles_unstable } from './useDrawerBodyStyles';
+import { useDrawerBodyStyles_unstable } from './useDrawerBodyStyles.styles';
 import type { DrawerBodyProps } from './DrawerBody.types';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
diff --git a/packages/react-components/react-drawer/src/components/DrawerBody/index.ts b/packages/react-components/react-drawer/src/components/DrawerBody/index.ts
index b8273e016d6ed6..17a23b055f990e 100644
--- a/packages/react-components/react-drawer/src/components/DrawerBody/index.ts
+++ b/packages/react-components/react-drawer/src/components/DrawerBody/index.ts
@@ -2,4 +2,4 @@ export * from './DrawerBody';
 export * from './DrawerBody.types';
 export * from './renderDrawerBody';
 export * from './useDrawerBody';
-export * from './useDrawerBodyStyles';
+export * from './useDrawerBodyStyles.styles';
diff --git a/packages/react-components/react-drawer/src/components/DrawerBody/useDrawerBodyStyles.ts b/packages/react-components/react-drawer/src/components/DrawerBody/useDrawerBodyStyles.styles.ts
similarity index 100%
rename from packages/react-components/react-drawer/src/components/DrawerBody/useDrawerBodyStyles.ts
rename to packages/react-components/react-drawer/src/components/DrawerBody/useDrawerBodyStyles.styles.ts