diff --git a/change/@fluentui-web-components-84ffea97-106f-45eb-9b4c-a4043ce36e6a.json b/change/@fluentui-web-components-84ffea97-106f-45eb-9b4c-a4043ce36e6a.json
new file mode 100644
index 0000000000000..8f9692439a2fd
--- /dev/null
+++ b/change/@fluentui-web-components-84ffea97-106f-45eb-9b4c-a4043ce36e6a.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "export horizontal scroll styles",
+  "packageName": "@fluentui/web-components",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/docs/api-report.md b/packages/web-components/docs/api-report.md
index 4447767beeafc..b9a471fc73647 100644
--- a/packages/web-components/docs/api-report.md
+++ b/packages/web-components/docs/api-report.md
@@ -616,6 +616,9 @@ export class HorizontalScroll extends HorizontalScroll_2 {
     connectedCallback(): void;
 }
 
+// @public
+export const horizontalScrollStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: HorizontalScrollOptions) => import("@microsoft/fast-element").ElementStyles;
+
 // Warning: (ae-internal-missing-underscore) The name "HypertextStyles" should be prefixed with an underscore because the declaration is marked as @internal
 //
 // @internal (undocumented)
diff --git a/packages/web-components/src/horizontal-scroll/index.ts b/packages/web-components/src/horizontal-scroll/index.ts
index 3a957ff64422d..ae3749fe6b103 100644
--- a/packages/web-components/src/horizontal-scroll/index.ts
+++ b/packages/web-components/src/horizontal-scroll/index.ts
@@ -46,3 +46,9 @@ export const fluentHorizontalScroll = HorizontalScroll.compose<HorizontalScrollO
     ></fluent-flipper>
   `,
 });
+
+/**
+ * Styles for horizontal scroll
+ * @public
+ */
+export const horizontalScrollStyles = styles;