Simplify code, use standard attributes

src/apps/dashboard/features/logs/components/LogItemList.tsx

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import type { LogFile } from '@jellyfin/sdk/lib/generated-client/models/log-file';
-import { Box, List, ListItem, ListItemButton, ListItemText, useTheme } from '@mui/material';
+import { List, ListItem, ListItemButton, ListItemText } from '@mui/material';
 import { useApi } from 'hooks/useApi';
 import datetime from 'scripts/datetime';
 
@@ -10,7 +10,6 @@ type LogItemProps = {
 
 const LogItemList: FunctionComponent<LogItemProps> = ({ logs }: LogItemProps) => {
     const { api } = useApi();
-    const theme = useTheme();
 
     const getLogFileUrl = (logFile: LogFile) => {
         if (!api) return '';
@@ -29,8 +28,7 @@ const LogItemList: FunctionComponent<LogItemProps> = ({ logs }: LogItemProps) =>
     };
 
     return (
-        <Box sx={{ backgroundColor: theme.palette.background.paper }}>
-            <List>
+        <List sx={{ bgcolor: 'background.paper' }}>
             {logs.map(log => {
                 return (
                     <ListItem key={log.Name} disablePadding>
@@ -46,7 +44,6 @@ const LogItemList: FunctionComponent<LogItemProps> = ({ logs }: LogItemProps) =>
                 );
             })}
         </List>
-        </Box>
     );
 };
 

src/apps/dashboard/routes/logs/index.tsx

@@ -121,9 +121,9 @@ const Logs = () => {
                         </Button>
                     </Stack>
                 </Form>
-                <Stack className='serverLogs readOnlyContent' spacing={1} sx={{ mt: 1 }}>
+                <Box className='serverLogs readOnlyContent' sx={{ mt: 1 }}>
                     <LogItemList logs={logs} />
-                </Stack>
+                </Box>
             </Box>
         </Page>
     );