diff --git a/.changeset/young-candies-appear.md b/.changeset/young-candies-appear.md
new file mode 100644
index 0000000000..d7b0436f0e
--- /dev/null
+++ b/.changeset/young-candies-appear.md
@@ -0,0 +1,14 @@
+---
+'@leafygreen-ui/confirmation-modal': patch
+'@leafygreen-ui/password-input': patch
+'@leafygreen-ui/progress-bar': patch
+'@leafygreen-ui/form-field': patch
+'@lg-tools/eslint-plugin': patch
+'@leafygreen-ui/checkbox': patch
+'@leafygreen-ui/select': patch
+'@leafygreen-ui/modal': patch
+'@leafygreen-ui/lib': patch
+'@lg-tools/lint': patch
+---
+
+Avoid duplicated data-lgid and data-testid
diff --git a/packages/checkbox/src/Checkbox/Checkbox.tsx b/packages/checkbox/src/Checkbox/Checkbox.tsx
index 30deb9c76b..90a1d3ded7 100644
--- a/packages/checkbox/src/Checkbox/Checkbox.tsx
+++ b/packages/checkbox/src/Checkbox/Checkbox.tsx
@@ -137,8 +137,8 @@ const Checkbox = React.forwardRef(
             className={cx(labelStyle, labelHoverStyle[theme], {
               [disabledLabelStyle]: disabled,
             })}
-            data-lgid={lgIds.root}
-            data-testid={lgIds.root}
+            data-lgid={lgIds.label}
+            data-testid={lgIds.label}
           >
             <input
               {...rest}
@@ -186,8 +186,8 @@ const Checkbox = React.forwardRef(
             <Description
               className={descriptionStyle}
               disabled={disabled}
-              data-lgid={lgIds.root}
-              data-testid={lgIds.root}
+              data-lgid={lgIds.description}
+              data-testid={lgIds.description}
             >
               {description}
             </Description>
diff --git a/packages/checkbox/src/utils/getLgIds.ts b/packages/checkbox/src/utils/getLgIds.ts
index 147cc07635..545f19ad49 100644
--- a/packages/checkbox/src/utils/getLgIds.ts
+++ b/packages/checkbox/src/utils/getLgIds.ts
@@ -5,6 +5,8 @@ export const DEFAULT_LGID_ROOT = 'lg-checkbox';
 export const getLgIds = (root: LgIdString = DEFAULT_LGID_ROOT) => {
   const ids = {
     root,
+    label: `${root}-label`,
+    description: `${root}-description`,
   } as const;
   return ids;
 };
diff --git a/packages/confirmation-modal/src/ConfirmationModal/ConfirmationModal.spec.tsx b/packages/confirmation-modal/src/ConfirmationModal/ConfirmationModal.spec.tsx
index 7c58564798..803bee5336 100644
--- a/packages/confirmation-modal/src/ConfirmationModal/ConfirmationModal.spec.tsx
+++ b/packages/confirmation-modal/src/ConfirmationModal/ConfirmationModal.spec.tsx
@@ -497,6 +497,32 @@ describe('packages/confirmation-modal', () => {
     });
   });
 
+  describe('testid attribute', () => {
+    it('propagates to the dom element', () => {
+      const { getByTestId } = renderModal({
+        open: true,
+        'data-testid': 'my-modal',
+      });
+
+      const modal = getByTestId('my-modal');
+      expect(modal).toBeInTheDocument();
+    });
+
+    it('propagates to the buttons', () => {
+      const { getByTestId } = renderModal({
+        open: true,
+        confirmButtonProps: { 'data-testid': 'my-confirm-btn' },
+        cancelButtonProps: { 'data-testid': 'my-cancel-btn' },
+      });
+
+      const confirmButton = getByTestId('my-confirm-btn');
+      expect(confirmButton).toBeInTheDocument();
+
+      const cancelButton = getByTestId('my-cancel-btn');
+      expect(cancelButton).toBeInTheDocument();
+    });
+  });
+
   // eslint-disable-next-line jest/no-disabled-tests
   test.skip('types behave as expected', () => {
     <>
diff --git a/packages/confirmation-modal/src/ConfirmationModal/ConfirmationModal.tsx b/packages/confirmation-modal/src/ConfirmationModal/ConfirmationModal.tsx
index 8454593385..abdfd7af78 100644
--- a/packages/confirmation-modal/src/ConfirmationModal/ConfirmationModal.tsx
+++ b/packages/confirmation-modal/src/ConfirmationModal/ConfirmationModal.tsx
@@ -134,8 +134,8 @@ export const ConfirmationModal = forwardRef<
         </div>
         <Footer>
           <Button
-            {...confirmButtonProps}
             data-testid={lgIds.confirm}
+            {...confirmButtonProps}
             disabled={!confirmEnabled || isConfirmDisabled}
             className={cx(buttonStyle, confirmButtonProps?.className)}
             variant={variant}
@@ -145,10 +145,10 @@ export const ConfirmationModal = forwardRef<
             {buttonText || confirmButtonProps?.children || 'Confirm'}
           </Button>
           <Button
+            data-testid={lgIds.cancel}
             {...cancelButtonProps}
             onClick={handleCancel}
             className={cx(buttonStyle, cancelButtonProps?.className)}
-            data-testid={lgIds.cancel}
           >
             Cancel
           </Button>
diff --git a/packages/form-field/src/FormField/FormField.tsx b/packages/form-field/src/FormField/FormField.tsx
index 5d3ae4a202..82025fc338 100644
--- a/packages/form-field/src/FormField/FormField.tsx
+++ b/packages/form-field/src/FormField/FormField.tsx
@@ -94,8 +94,8 @@ export const FormField = forwardRef<HTMLDivElement, FormFieldProps>(
             >
               {label && (
                 <Label
-                  data-lgid={lgIds.root}
-                  data-testid={lgIds.root}
+                  data-lgid={lgIds.label}
+                  data-testid={lgIds.label}
                   className={fontStyles}
                   htmlFor={inputId}
                   id={labelId}
@@ -106,8 +106,8 @@ export const FormField = forwardRef<HTMLDivElement, FormFieldProps>(
               )}
               {description && (
                 <Description
-                  data-lgid={lgIds.root}
-                  data-testid={lgIds.root}
+                  data-lgid={lgIds.description}
+                  data-testid={lgIds.description}
                   className={fontStyles}
                   id={descriptionId}
                   disabled={disabled}
diff --git a/packages/lib/src/LgIdProps/index.ts b/packages/lib/src/LgIdProps/index.ts
index 6368953b2d..583201ddd1 100644
--- a/packages/lib/src/LgIdProps/index.ts
+++ b/packages/lib/src/LgIdProps/index.ts
@@ -10,4 +10,9 @@ export interface LgIdProps {
    * LG test id passed to the component wrapper.
    */
   ['data-lgid']?: LgIdString;
+
+  /**
+   * An additional test id passed to the component wrapper, meant for use by consumers of the library.
+   */
+  ['data-testid']?: string;
 }
diff --git a/packages/modal/src/Modal/Modal.spec.tsx b/packages/modal/src/Modal/Modal.spec.tsx
index 8258e51f0e..1c15c94567 100644
--- a/packages/modal/src/Modal/Modal.spec.tsx
+++ b/packages/modal/src/Modal/Modal.spec.tsx
@@ -260,6 +260,18 @@ describe('packages/modal', () => {
       expect(modal).not.toBeVisible();
     });
   });
+
+  describe('testid attribute', () => {
+    it('propagates to the dom element', () => {
+      const { getByTestId } = renderModal({
+        open: true,
+        'data-testid': 'my-modal',
+      });
+
+      const modal = getByTestId('my-modal');
+      expect(modal).toBeInTheDocument();
+    });
+  });
 });
 
 async function expectElementToNotBeRemoved(element: HTMLElement) {
diff --git a/packages/modal/src/Modal/ModalView.tsx b/packages/modal/src/Modal/ModalView.tsx
index d94545e45b..dd24a26574 100644
--- a/packages/modal/src/Modal/ModalView.tsx
+++ b/packages/modal/src/Modal/ModalView.tsx
@@ -90,11 +90,11 @@ const ModalView = React.forwardRef<HTMLDialogElement, ModalProps>(
         }}
       >
         <dialog
+          data-testid={lgIds.root}
+          data-lgid={lgIds.root}
           {...rest}
           ref={dialogRef}
           id={id}
-          data-testid={lgIds.root}
-          data-lgid={lgIds.root}
           className={getDialogStyles({
             backdropClassName,
             className,
diff --git a/packages/password-input/src/PasswordInput/PasswordInput.tsx b/packages/password-input/src/PasswordInput/PasswordInput.tsx
index c3348ab470..bb5c9d9ee3 100644
--- a/packages/password-input/src/PasswordInput/PasswordInput.tsx
+++ b/packages/password-input/src/PasswordInput/PasswordInput.tsx
@@ -115,7 +115,7 @@ export const PasswordInput = React.forwardRef<
           className={className}
           ref={forwardedRef}
           data-lgid={lgIds.root}
-          data-test={lgIds.root}
+          data-testid={lgIds.root}
         >
           {label && (
             <Label
@@ -124,8 +124,8 @@ export const PasswordInput = React.forwardRef<
               })}
               htmlFor={inputId}
               disabled={disabled}
-              data-lgid={lgIds.root}
-              data-testid={lgIds.root}
+              data-lgid={lgIds.label}
+              data-testid={lgIds.label}
             >
               {label}
             </Label>
diff --git a/packages/password-input/src/utils/getLgIds.ts b/packages/password-input/src/utils/getLgIds.ts
index 7f30fe6e0b..c30c5185ff 100644
--- a/packages/password-input/src/utils/getLgIds.ts
+++ b/packages/password-input/src/utils/getLgIds.ts
@@ -6,6 +6,7 @@ export const getLgIds = (root: LgIdString = DEFAULT_LGID_ROOT) => {
   const ids = {
     root,
     stateNotifications: `${root}-state_notifications`,
+    label: `${root}-label`,
   } as const;
   return ids;
 };
diff --git a/packages/progress-bar/src/ProgressBar/ProgressBar.tsx b/packages/progress-bar/src/ProgressBar/ProgressBar.tsx
index f3798c1448..015d0fa86d 100644
--- a/packages/progress-bar/src/ProgressBar/ProgressBar.tsx
+++ b/packages/progress-bar/src/ProgressBar/ProgressBar.tsx
@@ -145,7 +145,7 @@ export function ProgressBar(props: ProgressBarProps) {
       >
         <div className={headerStyles}>
           <Label
-            data-lgid={lgIds.root} // handled by <Label> internally
+            data-lgid={lgIds.label} // handled by <Label> internally
             id={labelId}
             htmlFor={barId}
             className={truncatedTextStyles}
@@ -209,7 +209,7 @@ export function ProgressBar(props: ProgressBarProps) {
           <Description
             id={descId}
             disabled={disabled}
-            data-lgid={lgIds.root} // handled by <Description> internally
+            data-lgid={lgIds.description} // handled by <Description> internally
             className={cx({ [getAnimatedTextStyles()]: isNewDescription })}
             // if on fade-in transition, reset state after animation ends
             onAnimationEnd={() => setIsNewDescription(false)}
diff --git a/packages/progress-bar/src/testing/getTestUtils.ts b/packages/progress-bar/src/testing/getTestUtils.ts
index 555e2c457b..853eed37ad 100644
--- a/packages/progress-bar/src/testing/getTestUtils.ts
+++ b/packages/progress-bar/src/testing/getTestUtils.ts
@@ -13,6 +13,8 @@ export const getLgIds = (root: `lg-${string}` = DEFAULT_LGID_ROOT) => {
     track: `${root}-track`,
     fill: `${root}-fill`,
     valueText: `${root}-value_text`,
+    label: `${root}-label`,
+    description: `${root}-description`,
   } as const;
 };
 
diff --git a/packages/select/src/Select.stories.tsx b/packages/select/src/Select.stories.tsx
index 34d3f6dabe..bfd256aa1e 100644
--- a/packages/select/src/Select.stories.tsx
+++ b/packages/select/src/Select.stories.tsx
@@ -143,7 +143,7 @@ export const LiveExample: StoryFn<SelectProps> = ({
 }: SelectProps) => (
   <Select
     {...args}
-    data-test="hello-world"
+    data-testid="hello-world"
     className={cx(
       css`
         min-width: 200px;
diff --git a/packages/select/src/Select/Select.tsx b/packages/select/src/Select/Select.tsx
index 763487205a..ca27ba934c 100644
--- a/packages/select/src/Select/Select.tsx
+++ b/packages/select/src/Select/Select.tsx
@@ -542,8 +542,8 @@ export const Select = forwardRef<HTMLDivElement, SelectProps>(
             <div className={labelDescriptionContainerStyle}>
               {label && (
                 <Label
-                  data-lgid={lgIds.root}
-                  data-testid={lgIds.root}
+                  data-lgid={lgIds.label}
+                  data-testid={lgIds.label}
                   htmlFor={menuButtonId}
                   id={labelId}
                   darkMode={darkMode}
@@ -574,8 +574,8 @@ export const Select = forwardRef<HTMLDivElement, SelectProps>(
 
               {description && (
                 <Description
-                  data-lgid={lgIds.root}
-                  data-testid={lgIds.root}
+                  data-lgid={lgIds.description}
+                  data-testid={lgIds.description}
                   id={descriptionId}
                   darkMode={darkMode}
                   disabled={disabled}
diff --git a/packages/select/src/utils/getLgIds.ts b/packages/select/src/utils/getLgIds.ts
index 65a5f69ef9..ff1099cbcd 100644
--- a/packages/select/src/utils/getLgIds.ts
+++ b/packages/select/src/utils/getLgIds.ts
@@ -9,6 +9,8 @@ export const getLgIds = (root: LgIdString = DEFAULT_LGID_ROOT) => {
     popover: `${root}-popover`,
     trigger: `${root}-trigger`,
     buttonText: `${root}-button_text`,
+    label: `${root}-label`,
+    description: `${root}-description`,
   } as const;
   return ids;
 };
diff --git a/packages/typography/src/Description/Description.spec.tsx b/packages/typography/src/Description/Description.spec.tsx
index e7e6963e2b..664e59d24d 100644
--- a/packages/typography/src/Description/Description.spec.tsx
+++ b/packages/typography/src/Description/Description.spec.tsx
@@ -1,18 +1,10 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { render } from '@testing-library/react';
 
-import { PolymorphicAs } from '@leafygreen-ui/polymorphic';
-
 import Description from './Description';
 
-const renderDescription = ({
-  as,
-  children = 'Test description',
-}: {
-  as?: PolymorphicAs;
-  children?: ReactNode;
-}) => {
-  return render(<Description as={as}>{children}</Description>);
+const renderDescription = (props: React.ComponentProps<typeof Description>) => {
+  return render(<Description {...props} />);
 };
 
 describe('Description Component', () => {
@@ -37,4 +29,23 @@ describe('Description Component', () => {
     });
     expect(container.querySelector('div')).toBeInTheDocument();
   });
+
+  test('renders with a default data-lgid', () => {
+    const { container } = renderDescription({ children: 'Test description' });
+    expect(container.querySelector('p')).toHaveAttribute(
+      'data-lgid',
+      'lg-typography-description',
+    );
+  });
+
+  test('renders with a custom data-lgid', () => {
+    const { container } = renderDescription({
+      children: 'Test description',
+      'data-lgid': 'lg-custom-lgid',
+    });
+    expect(container.querySelector('p')).toHaveAttribute(
+      'data-lgid',
+      'lg-custom-lgid',
+    );
+  });
 });
diff --git a/packages/typography/src/Description/Description.tsx b/packages/typography/src/Description/Description.tsx
index f79cb25503..2f22432198 100644
--- a/packages/typography/src/Description/Description.tsx
+++ b/packages/typography/src/Description/Description.tsx
@@ -33,10 +33,12 @@ export const Description = Polymorphic<DescriptionProps>(
     const as = asProp ?? asDerivedFromChildren;
     const { Component } = usePolymorphic(as);
 
+    const lgIds = getLgIds(dataLgId ?? getLgIds().description);
+
     return (
       <Component
-        data-lgid={getLgIds(dataLgId).description}
-        data-testid={getLgIds(dataLgId).description}
+        data-lgid={lgIds.root}
+        data-testid={lgIds.root}
         className={cx(
           getDescriptionStyle(theme),
           descriptionTypeScaleStyles[baseFontSize],
diff --git a/packages/typography/src/Label/Label.tsx b/packages/typography/src/Label/Label.tsx
index a0553239ea..da5634d9d0 100644
--- a/packages/typography/src/Label/Label.tsx
+++ b/packages/typography/src/Label/Label.tsx
@@ -33,10 +33,12 @@ export const Label = Polymorphic<BaseLabelProps>(
     const baseFontSize = useUpdatedBaseFontSize(baseFontSizeOverride);
     const { Component } = usePolymorphic(as);
 
+    const lgIds = getLgIds(dataLgId ?? getLgIds().label);
+
     return (
       <Component
-        data-lgid={getLgIds(dataLgId).label}
-        data-testid={getLgIds(dataLgId).label}
+        data-lgid={lgIds.root}
+        data-testid={lgIds.root}
         className={cx(
           getLabelStyles(theme),
           labelTypeScaleStyles[baseFontSize],
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3db280b369..393d19ceae 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -4109,6 +4109,9 @@ importers:
       '@lg-tools/build':
         specifier: workspace:^
         version: link:../build
+      '@lg-tools/eslint-plugin':
+        specifier: workspace:^
+        version: link:../eslint-plugin
       '@lg-tools/meta':
         specifier: workspace:^
         version: link:../meta
diff --git a/tools/eslint-plugin/scripts/buildRulesIndex.ts b/tools/eslint-plugin/scripts/buildRulesIndex.ts
index d3837a5619..4bad69e316 100644
--- a/tools/eslint-plugin/scripts/buildRulesIndex.ts
+++ b/tools/eslint-plugin/scripts/buildRulesIndex.ts
@@ -30,6 +30,7 @@ export function buildRulesIndexFile() {
     const indexContent = `/**
  * DO NOT MODIFY THIS FILE
  * ANY CHANGES WILL BE REMOVED ON THE NEXT BUILD
+ * USE THE "create-rule" SCRIPT TO ADD NEW RULES INSTEAD
  */
 ${importStatements}
 
diff --git a/tools/eslint-plugin/src/rules/index.ts b/tools/eslint-plugin/src/rules/index.ts
index 143d68d347..0eae911b51 100644
--- a/tools/eslint-plugin/src/rules/index.ts
+++ b/tools/eslint-plugin/src/rules/index.ts
@@ -1,11 +1,14 @@
 /**
  * DO NOT MODIFY THIS FILE
  * ANY CHANGES WILL BE REMOVED ON THE NEXT BUILD
+ * USE THE "create-rule" SCRIPT TO ADD NEW RULES INSTEAD
  */
+import { noDuplicateIdsRule } from './no-duplicate-ids';
 import { noIndirectImportsRule } from './no-indirect-imports';
 import { noRenderHookFromRtlRule } from './no-render-hook-from-rtl';
 
 export const rules = {
+  'no-duplicate-ids': noDuplicateIdsRule,
   'no-indirect-imports': noIndirectImportsRule,
   'no-render-hook-from-rtl': noRenderHookFromRtlRule,
 };
diff --git a/tools/eslint-plugin/src/rules/no-duplicate-ids.ts b/tools/eslint-plugin/src/rules/no-duplicate-ids.ts
new file mode 100644
index 0000000000..21229cbf5e
--- /dev/null
+++ b/tools/eslint-plugin/src/rules/no-duplicate-ids.ts
@@ -0,0 +1,74 @@
+import { TSESTree } from '@typescript-eslint/types';
+
+import { createRule } from '../utils/createRule';
+
+export const noDuplicateIdsRule = createRule({
+  name: 'no-duplicate-ids',
+  meta: {
+    type: 'suggestion',
+    messages: {
+      'issue:noDuplicateIds':
+        'Do not reference the same lgid or testid in multiple places within a component',
+    },
+    schema: [],
+    docs: {
+      description:
+        'Prevents duplicate lgid or testid usage within a component file',
+    },
+  },
+  defaultOptions: [],
+  create: context => {
+    const seen: Record<
+      'data-lgid' | 'data-testid',
+      Record<string, TSESTree.JSXAttribute | undefined>
+    > = {
+      'data-lgid': {},
+      'data-testid': {},
+    };
+
+    return {
+      JSXAttribute(node) {
+        if (node.name.type !== 'JSXIdentifier') {
+          return;
+        }
+
+        const { name: attributeName } = node.name;
+
+        if (attributeName !== 'data-lgid' && attributeName !== 'data-testid') {
+          return;
+        }
+
+        if (
+          node.value?.type !== 'JSXExpressionContainer' ||
+          node.value.expression.type !== 'MemberExpression' ||
+          node.value.expression.object.type !== 'Identifier' ||
+          node.value.expression.object.name !== 'lgIds'
+        ) {
+          return;
+        }
+
+        const { property } = node.value.expression;
+
+        const name =
+          property.type === 'Identifier'
+            ? property.name
+            : property.type === 'Literal'
+            ? property.value
+            : undefined;
+
+        if (typeof name === 'string') {
+          const other = seen[attributeName][name];
+
+          if (other) {
+            context.report({
+              node,
+              messageId: 'issue:noDuplicateIds',
+            });
+          } else {
+            seen[attributeName][name] = node;
+          }
+        }
+      },
+    };
+  },
+});
diff --git a/tools/eslint-plugin/src/tests/no-duplicate-lgids.spec.ts b/tools/eslint-plugin/src/tests/no-duplicate-lgids.spec.ts
new file mode 100644
index 0000000000..5d1e8b5ba9
--- /dev/null
+++ b/tools/eslint-plugin/src/tests/no-duplicate-lgids.spec.ts
@@ -0,0 +1,35 @@
+import { noDuplicateIdsRule } from '../rules/no-duplicate-ids';
+
+import { ruleTester } from './utils/ruleTester.testutils';
+
+ruleTester.run('no-duplicate-ids', noDuplicateIdsRule, {
+  valid: [
+    {
+      code: `<div data-lgid={lgIds.root}><div data-lgid={lgIds.nested} /></div>`,
+      languageOptions: {
+        parserOptions: {
+          ecmaFeatures: {
+            jsx: true,
+          },
+        },
+      },
+    },
+  ],
+  invalid: [
+    {
+      code: `<div data-lgid={lgIds.root}><div data-lgid={lgIds.root} /></div>`,
+      languageOptions: {
+        parserOptions: {
+          ecmaFeatures: {
+            jsx: true,
+          },
+        },
+      },
+      errors: [
+        {
+          messageId: 'issue:noDuplicateIds',
+        },
+      ],
+    },
+  ],
+});
diff --git a/tools/lint/config/eslint.config.mjs b/tools/lint/config/eslint.config.mjs
index 1c6caac25a..76da8af76f 100644
--- a/tools/lint/config/eslint.config.mjs
+++ b/tools/lint/config/eslint.config.mjs
@@ -10,6 +10,7 @@ import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import js from '@eslint/js';
 import { FlatCompat } from '@eslint/eslintrc';
+import leafyGreenPlugin from '@lg-tools/eslint-plugin';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -224,4 +225,17 @@ export default [
       'jest/expect-expect': 'off',
     },
   },
+  {
+    plugins: {
+      '@lg-tools': leafyGreenPlugin,
+    },
+
+    files: ['**/*.tsx'],
+
+    ignores: ['**/*.spec.tsx', '**/testing/**'],
+
+    rules: {
+      '@lg-tools/no-duplicate-ids': 'warn',
+    },
+  },
 ];
diff --git a/tools/lint/package.json b/tools/lint/package.json
index 6db6dbff01..e4ebaa99d3 100644
--- a/tools/lint/package.json
+++ b/tools/lint/package.json
@@ -21,6 +21,7 @@
     "@eslint/eslintrc": "^3.2.0",
     "@eslint/js": "^9.16.0",
     "@lg-tools/build": "workspace:^",
+    "@lg-tools/eslint-plugin": "workspace:^",
     "@lg-tools/meta": "workspace:^",
     "@types/cli-progress": "^3.11.6",
     "@types/cross-spawn": "6.0.2",