diff --git a/apps/SageAccountWeb/src/components/TermsOfUsePage.tsx b/apps/SageAccountWeb/src/components/TermsOfUsePage.tsx
index f972f307fff..7cee8324ca5 100644
--- a/apps/SageAccountWeb/src/components/TermsOfUsePage.tsx
+++ b/apps/SageAccountWeb/src/components/TermsOfUsePage.tsx
@@ -94,6 +94,12 @@ export const TermsOfUsePage = (props: TermsOfUsePageProps) => {
             </div>
             <div className={'terms-of-use-panel'}>
               <TermsAndConditions
+                termsAndConditionsTableID={
+                  import.meta.env.VITE_TERMS_AND_CONDITIONS_TABLE_ID
+                }
+                termsAndConditionsTableVersion={
+                  import.meta.env.VITE_TERMS_AND_CONDITIONS_TABLE_VERSION
+                }
                 onFormChange={(completed: boolean) => {
                   setIsFormComplete(completed)
                 }}
diff --git a/packages/synapse-react-client/src/components/TermsAndConditions/TermsAndConditions.stories.ts b/packages/synapse-react-client/src/components/TermsAndConditions/TermsAndConditions.stories.ts
index e4503fe20ff..a221dc10195 100644
--- a/packages/synapse-react-client/src/components/TermsAndConditions/TermsAndConditions.stories.ts
+++ b/packages/synapse-react-client/src/components/TermsAndConditions/TermsAndConditions.stories.ts
@@ -23,8 +23,8 @@ type Story = StoryObj<typeof meta>
 
 export const Demo: Story = {
   args: {
-    // termsAndConditionsTableID: 'syn51718002', // use default
-    // termsAndConditionsTableVersion: '4', // use default
+    termsAndConditionsTableID: 'syn51718002',
+    termsAndConditionsTableVersion: '5',
     onFormChange: formComplete => {
       if (formComplete) {
         displayToast('All items accepted!')
diff --git a/packages/synapse-react-client/src/components/TermsAndConditions/TermsAndConditions.test.tsx b/packages/synapse-react-client/src/components/TermsAndConditions/TermsAndConditions.test.tsx
index a91844ec53f..dcaa8bbbe06 100644
--- a/packages/synapse-react-client/src/components/TermsAndConditions/TermsAndConditions.test.tsx
+++ b/packages/synapse-react-client/src/components/TermsAndConditions/TermsAndConditions.test.tsx
@@ -1,11 +1,15 @@
-import TermsAndConditions from './TermsAndConditions'
+import TermsAndConditions, {
+  TermsAndConditionsProps,
+} from './TermsAndConditions'
 import { SynapseClient, SynapseContextType } from '../../index'
 import { QueryResultBundle } from '@sage-bionetworks/synapse-types'
 import mockSyn51718002 from '../../mocks/query/syn51718002.json'
 import { createWrapper } from '../../testutils/TestingLibraryUtils'
 import { render, screen, waitFor } from '@testing-library/react'
 
-const defaultProps = {
+const defaultProps: TermsAndConditionsProps = {
+  termsAndConditionsTableID: 'syn51718002',
+  termsAndConditionsTableVersion: '5',
   onFormChange: jest.fn(),
 }
 
diff --git a/packages/synapse-react-client/src/components/TermsAndConditions/TermsAndConditions.tsx b/packages/synapse-react-client/src/components/TermsAndConditions/TermsAndConditions.tsx
index d49bf9cb153..3038015f5f2 100644
--- a/packages/synapse-react-client/src/components/TermsAndConditions/TermsAndConditions.tsx
+++ b/packages/synapse-react-client/src/components/TermsAndConditions/TermsAndConditions.tsx
@@ -10,14 +10,14 @@ import { useGetFullTableQueryResults } from '../../synapse-queries'
 
 export type TermsAndConditionsProps = {
   onFormChange: (formComplete: boolean) => void
-  termsAndConditionsTableID?: string
-  termsAndConditionsTableVersion?: string
+  termsAndConditionsTableID: string
+  termsAndConditionsTableVersion: string
   hideLinkToFullTC?: boolean
 }
 
 function TermsAndConditions({
-  termsAndConditionsTableID = 'syn51718002',
-  termsAndConditionsTableVersion = '5',
+  termsAndConditionsTableID,
+  termsAndConditionsTableVersion,
   onFormChange,
   hideLinkToFullTC = false,
 }: TermsAndConditionsProps) {