Fix padding for tabs in admin section (#2772)

Tabs from admin section were missing paddings left-right.
This PR adds these paddings.

frontend/src/component/admin/menu/AdminMenu.tsx

@@ -1,9 +1,16 @@
 import { useLocation } from 'react-router-dom';
-import { Paper, Tab, Tabs } from '@mui/material';
+import { Paper, styled, Tab, Tabs } from '@mui/material';
 import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
 import { useInstanceStatus } from 'hooks/api/getters/useInstanceStatus/useInstanceStatus';
 import { CenteredNavLink } from './CenteredNavLink';
 
+const StyledPaper = styled(Paper)(({ theme }) => ({
+    marginBottom: '1rem',
+    borderRadius: '12.5px',
+    boxShadow: 'none',
+    padding: '0 2rem',
+}));
+
 function AdminMenu() {
     const { uiConfig } = useUiConfig();
     const { pathname } = useLocation();
@@ -13,13 +20,7 @@ function AdminMenu() {
     const activeTab = pathname.split('/')[2];
 
     return (
-        <Paper
-            style={{
-                marginBottom: '1rem',
-                borderRadius: '12.5px',
-                boxShadow: 'none',
-            }}
-        >
+        <StyledPaper>
             <Tabs
                 value={activeTab}
                 variant="scrollable"
@@ -120,7 +121,7 @@ function AdminMenu() {
                     />
                 )}
             </Tabs>
-        </Paper>
+        </StyledPaper>
     );
 }