diff --git a/apps/chart-docsite/tsconfig.json b/apps/chart-docsite/tsconfig.json
index a85a689b30243..6489a36314061 100644
--- a/apps/chart-docsite/tsconfig.json
+++ b/apps/chart-docsite/tsconfig.json
@@ -5,7 +5,8 @@
     "allowJs": false,
     "esModuleInterop": false,
     "allowSyntheticDefaultImports": true,
-    "strict": true
+    "strict": true,
+    "types": ["static-assets", "environment"]
   },
   "files": [],
   "include": [],
diff --git a/apps/public-docsite-v9-headless/tsconfig.json b/apps/public-docsite-v9-headless/tsconfig.json
index 1c0b3afbde8d0..3399838baa530 100644
--- a/apps/public-docsite-v9-headless/tsconfig.json
+++ b/apps/public-docsite-v9-headless/tsconfig.json
@@ -7,7 +7,8 @@
     "experimentalDecorators": true,
     "noUnusedLocals": true,
     "strictNullChecks": true,
-    "noImplicitAny": true
+    "noImplicitAny": true,
+    "types": ["static-assets", "environment"]
   },
   "include": [],
   "files": [],
diff --git a/apps/public-docsite-v9/tsconfig.json b/apps/public-docsite-v9/tsconfig.json
index 3dcf162cfde04..bd9c3cdc5a6dc 100644
--- a/apps/public-docsite-v9/tsconfig.json
+++ b/apps/public-docsite-v9/tsconfig.json
@@ -7,7 +7,8 @@
     "experimentalDecorators": true,
     "noUnusedLocals": true,
     "strictNullChecks": true,
-    "noImplicitAny": true
+    "noImplicitAny": true,
+    "types": ["static-assets", "environment"]
   },
   "include": [],
   "files": [],
diff --git a/change/@fluentui-web-components-df712a29-ed4d-4db3-9714-e3d14fc4a2bb.json b/change/@fluentui-web-components-df712a29-ed4d-4db3-9714-e3d14fc4a2bb.json
new file mode 100644
index 0000000000000..f6cc86ec4bccf
--- /dev/null
+++ b/change/@fluentui-web-components-df712a29-ed4d-4db3-9714-e3d14fc4a2bb.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: show TextArea scrollbar for overflowing content",
+  "packageName": "@fluentui/web-components",
+  "email": "198982749+Copilot@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/src/textarea/textarea.spec.ts b/packages/web-components/src/textarea/textarea.spec.ts
index 30e41542c091b..7f202c37806e6 100644
--- a/packages/web-components/src/textarea/textarea.spec.ts
+++ b/packages/web-components/src/textarea/textarea.spec.ts
@@ -242,6 +242,15 @@ test.describe('TextArea', () => {
       await expect(element).not.toHaveCustomState('user-valid');
       await expect(element).toHaveCustomState('user-invalid');
     });
+
+    test('should allow the control to scroll overflowing content', async ({ fastPage }) => {
+      const { element } = fastPage;
+      const control = element.locator('textarea');
+
+      await fastPage.setTemplate();
+
+      await expect(control).toHaveCSS('overflow', 'auto');
+    });
   });
 
   test.describe('internal label', () => {
diff --git a/packages/web-components/src/textarea/textarea.styles.css b/packages/web-components/src/textarea/textarea.styles.css
index f13f63c929989..6c8199534de61 100644
--- a/packages/web-components/src/textarea/textarea.styles.css
+++ b/packages/web-components/src/textarea/textarea.styles.css
@@ -221,6 +221,7 @@ label[hidden] {
   field-sizing: content;
   max-block-size: 100%;
   outline: 0;
+  overflow: auto;
   resize: none;
   text-align: inherit;
 }
diff --git a/packages/web-components/src/textarea/textarea.styles.ts b/packages/web-components/src/textarea/textarea.styles.ts
index 1ed11d74c8fcb..5f60952c238ee 100644
--- a/packages/web-components/src/textarea/textarea.styles.ts
+++ b/packages/web-components/src/textarea/textarea.styles.ts
@@ -269,6 +269,7 @@ export const styles: ElementStyles = css`
     field-sizing: content;
     max-block-size: 100%;
     outline: 0;
+    overflow: auto;
     resize: none;
     text-align: inherit;
   }