diff --git a/src/components/Branding.js b/src/components/Branding.js
index 6e48a1f82a2cb2f8899dca5518bb291165cde477..9b3af649ccbb0520a5842e95778b45091a97205b 100644
--- a/src/components/Branding.js
+++ b/src/components/Branding.js
@@ -2,6 +2,7 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import IconButton from '@mui/material/IconButton';
 import Typography from '@mui/material/Typography';
+import Stack from '@mui/material/Stack';
 import MiradorIcon from './icons/MiradorIcon';
 
 /**
@@ -13,7 +14,7 @@ export class Branding extends Component {
     const { t, variant, ...ContainerProps } = this.props;
 
     return (
-      <div {...ContainerProps}>
+      <Stack alignItems="center" {...ContainerProps}>
         { variant === 'wide' && (
         <div>
           <Typography align="center" component="p" variant="h3">{t('mirador')}</Typography>
@@ -30,7 +31,7 @@ export class Branding extends Component {
             <MiradorIcon aria-label={t('aboutMirador')} titleAccess={t('aboutMirador')} fontSize="large" />
           </IconButton>
         </Typography>
-      </div>
+      </Stack>
     );
   }
 }
diff --git a/src/components/WorkspaceControlPanel.js b/src/components/WorkspaceControlPanel.js
index b1278bc166c36b7994c967978375a775647d537d..ddcd967284ca3a0b4000c4288316f3fe22c12e37 100644
--- a/src/components/WorkspaceControlPanel.js
+++ b/src/components/WorkspaceControlPanel.js
@@ -47,8 +47,6 @@ const StyledWorkspaceButtons = styled('div', { name: 'WorkspaceControlPanel', sl
 }));
 
 const StyledBranding = styled(Branding, { name: 'WorkspaceControlPanel', slot: 'branding' })(({ theme }) => ({
-  display: 'flex',
-  justifyContent: 'center',
   [theme.breakpoints.up('xs')]: {
     display: 'none',
   },