diff --git a/webapp/channels/src/components/admin_console/__snapshots__/database_settings.test.jsx.snap b/webapp/channels/src/components/admin_console/__snapshots__/database_settings.test.tsx.snap
similarity index 98%
rename from webapp/channels/src/components/admin_console/__snapshots__/database_settings.test.jsx.snap
rename to webapp/channels/src/components/admin_console/__snapshots__/database_settings.test.tsx.snap
index 737332b77f..6c45e21628 100644
--- a/webapp/channels/src/components/admin_console/__snapshots__/database_settings.test.jsx.snap
+++ b/webapp/channels/src/components/admin_console/__snapshots__/database_settings.test.tsx.snap
@@ -86,6 +86,7 @@ exports[`components/DatabaseSettings should match snapshot 1`] = `
         </div>
       </div>
       <AdminTextSetting
+        disabled={false}
         helpText={
           <Memo(MemoizedFormattedMessage)
             defaultMessage="Maximum number of idle connections held open to the database."
@@ -106,6 +107,7 @@ exports[`components/DatabaseSettings should match snapshot 1`] = `
         value={10}
       />
       <AdminTextSetting
+        disabled={false}
         helpText={
           <Memo(MemoizedFormattedMessage)
             defaultMessage="Maximum number of open connections held open to the database."
@@ -126,6 +128,7 @@ exports[`components/DatabaseSettings should match snapshot 1`] = `
         value={100}
       />
       <AdminTextSetting
+        disabled={false}
         helpText={
           <Memo(MemoizedFormattedMessage)
             defaultMessage="The number of seconds to wait for a response from the database after opening a connection and sending the query. Errors that you see in the UI or in the logs as a result of a query timeout can vary depending on the type of query."
@@ -146,6 +149,7 @@ exports[`components/DatabaseSettings should match snapshot 1`] = `
         value={10}
       />
       <AdminTextSetting
+        disabled={false}
         helpText={
           <Memo(MemoizedFormattedMessage)
             defaultMessage="Maximum lifetime for a connection to the database in milliseconds."
@@ -166,6 +170,7 @@ exports[`components/DatabaseSettings should match snapshot 1`] = `
         value={10}
       />
       <AdminTextSetting
+        disabled={false}
         helpText={
           <Memo(MemoizedFormattedMessage)
             defaultMessage="Maximum idle time for a connection to the database in milliseconds."
@@ -186,6 +191,7 @@ exports[`components/DatabaseSettings should match snapshot 1`] = `
         value={20}
       />
       <AdminTextSetting
+        disabled={false}
         helpText={
           <Memo(MemoizedFormattedMessage)
             defaultMessage="Minimum number of characters in a hashtag. This must be greater than or equal to 2. MySQL databases must be configured to support searching strings shorter than three characters, <link>see documentation</link>."
diff --git a/webapp/channels/src/components/admin_console/database_settings.test.jsx b/webapp/channels/src/components/admin_console/database_settings.test.tsx
similarity index 96%
rename from webapp/channels/src/components/admin_console/database_settings.test.jsx
rename to webapp/channels/src/components/admin_console/database_settings.test.tsx
index 412a9cb8aa..317c0a7402 100644
--- a/webapp/channels/src/components/admin_console/database_settings.test.jsx
+++ b/webapp/channels/src/components/admin_console/database_settings.test.tsx
@@ -26,10 +26,6 @@ describe('components/DatabaseSettings', () => {
         },
     };
     test('should match snapshot', () => {
-        const props = {
-            ...baseProps,
-            value: [],
-        };
         const config = {
             SqlSettings: {
                 MaxIdleConns: 10,
@@ -45,10 +41,15 @@ describe('components/DatabaseSettings', () => {
                 MinimumHashtagLength: 10,
             },
         };
+        const props = {
+            ...baseProps,
+            value: [],
+            config,
+            isDisabled: false,
+        };
         const wrapper = shallow(
             <DatabaseSettings
                 {...props}
-                config={config}
             />,
         );
         expect(wrapper).toMatchSnapshot();