diff --git a/packages/tc-web/src/components/tc-segment-container/tc-segment-container.tsx b/packages/tc-web/src/components/tc-segment-container/tc-segment-container.tsx
index 6103b133..95a537a4 100644
--- a/packages/tc-web/src/components/tc-segment-container/tc-segment-container.tsx
+++ b/packages/tc-web/src/components/tc-segment-container/tc-segment-container.tsx
@@ -7,7 +7,7 @@ import { Component, Prop, h, Host } from "@stencil/core";
shadow: true,
})
export class SegmentContainer {
- @Prop() segTitle: string;
+ @Prop({attribute:"title"}) segTitle: string;
@Prop() backgroundColor: string;
render() {
diff --git a/packages/tc-web/src/index.html b/packages/tc-web/src/index.html
index 07482628..98abecb1 100644
--- a/packages/tc-web/src/index.html
+++ b/packages/tc-web/src/index.html
@@ -21,7 +21,7 @@
-