diff --git a/packages/calcite-components/src/components/tabs/resources.ts b/packages/calcite-components/src/components/tabs/resources.ts
index 62f036fc6d2..325745e85ad 100644
--- a/packages/calcite-components/src/components/tabs/resources.ts
+++ b/packages/calcite-components/src/components/tabs/resources.ts
@@ -1,7 +1,3 @@
-export const CSS = {
-  section: "section",
-};
-
 export const SLOTS = {
   titleGroup: "title-group",
 };
diff --git a/packages/calcite-components/src/components/tabs/tabs.e2e.ts b/packages/calcite-components/src/components/tabs/tabs.e2e.ts
index d410644e4ac..ba8d1d94f0f 100644
--- a/packages/calcite-components/src/components/tabs/tabs.e2e.ts
+++ b/packages/calcite-components/src/components/tabs/tabs.e2e.ts
@@ -8,7 +8,6 @@ import { Scale } from "../interfaces";
 import { CSS as XButtonCSS } from "../functional/XButton";
 import type { TabTitle } from "../tab-title/tab-title";
 import type { TabNav } from "../tab-nav/tab-nav";
-import { CSS } from "./resources";
 import { TabPosition } from "./interfaces";
 import type { Tabs } from "./tabs";
 
@@ -452,7 +451,7 @@ describe("calcite-tabs", () => {
     describe("default", () => {
       themed("calcite-tabs", {
         "--calcite-tab-border-color": {
-          shadowSelector: `.${CSS.section}`,
+          shadowSelector: `section`,
           targetProp: "borderBlockStartColor",
         },
       });
@@ -468,7 +467,7 @@ describe("calcite-tabs", () => {
             targetProp: "boxShadow",
           },
           {
-            shadowSelector: `.${CSS.section}`,
+            shadowSelector: `section`,
             targetProp: "borderColor",
           },
         ],
diff --git a/packages/calcite-components/src/components/tabs/tabs.tsx b/packages/calcite-components/src/components/tabs/tabs.tsx
index d97ee6678e1..4015af9cbf7 100644
--- a/packages/calcite-components/src/components/tabs/tabs.tsx
+++ b/packages/calcite-components/src/components/tabs/tabs.tsx
@@ -6,7 +6,7 @@ import { getSlotAssignedElements, slotChangeGetAssignedElements } from "../../ut
 import type { TabTitle } from "../tab-title/tab-title";
 import type { Tab } from "../tab/tab";
 import { TabLayout, TabPosition } from "./interfaces";
-import { CSS, SLOTS } from "./resources";
+import { SLOTS } from "./resources";
 import { styles } from "./tabs.scss";
 
 declare global {
@@ -195,7 +195,7 @@ export class Tabs extends LitElement {
     return (
       <>
         <slot name={SLOTS.titleGroup} />
-        <section class={CSS.section}>
+        <section>
           <slot onSlotChange={this.defaultSlotChangeHandler} ref={this.setDefaultSlotRef} />
         </section>
       </>