From 2c0efd51c8151d0995811a2055db41c07df8f540 Mon Sep 17 00:00:00 2001
From: Bill Thornton <thornbill@users.noreply.github.com>
Date: Wed, 8 May 2024 11:04:02 -0400
Subject: [PATCH] Fix direct reference to mui theme

---
 src/apps/experimental/routes/user/display/index.tsx |  7 +------
 src/themes/theme.ts                                 | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/apps/experimental/routes/user/display/index.tsx b/src/apps/experimental/routes/user/display/index.tsx
index f30b48f5bc..61b55bc02c 100644
--- a/src/apps/experimental/routes/user/display/index.tsx
+++ b/src/apps/experimental/routes/user/display/index.tsx
@@ -5,7 +5,6 @@ import React, { useCallback } from 'react';
 
 import Page from 'components/Page';
 import globalize from 'scripts/globalize';
-import theme from 'themes/theme';
 import { DisplayPreferences } from './DisplayPreferences';
 import { ItemDetailPreferences } from './ItemDetailPreferences';
 import { LibraryPreferences } from './LibraryPreferences';
@@ -80,11 +79,7 @@ export default function UserDisplayPreferences() {
 
                         <Button
                             type='submit'
-                            sx={{
-                                color: theme.palette.text.primary,
-                                fontSize: theme.typography.htmlFontSize,
-                                fontWeight: theme.typography.fontWeightBold
-                            }}
+                            size='large'
                         >
                             {globalize.translate('Save')}
                         </Button>
diff --git a/src/themes/theme.ts b/src/themes/theme.ts
index 4a17f6ade4..76c7f5bb8b 100644
--- a/src/themes/theme.ts
+++ b/src/themes/theme.ts
@@ -55,7 +55,18 @@ const theme = createTheme({
         MuiButton: {
             defaultProps: {
                 variant: 'contained'
-            }
+            },
+            variants: [
+                {
+                    props: {
+                        size: 'large'
+                    },
+                    style: {
+                        fontSize: '1rem',
+                        fontWeight: 'bold'
+                    }
+                }
+            ]
         },
         MuiFormControl: {
             defaultProps: {