diff --git a/packages/desktop/src/components/FooterControls.tsx b/packages/desktop/src/components/FooterControls.tsx
index 7ab150d..87e8754 100644
--- a/packages/desktop/src/components/FooterControls.tsx
+++ b/packages/desktop/src/components/FooterControls.tsx
@@ -112,11 +112,17 @@ export default function FooterControls() {
               justifyContent={'center'}
               spacing={1}
             >
-              <IconButton color="primary" size="small">
-                <FiSun />
-              </IconButton>
+              <Container
+                maxWidth={'sm'}
+                sx={{
+                  display: 'flex',
+                  justifyContent: 'center',
+                }}
+              >
+                <IconButton color="primary" size="small">
+                  <FiSun />
+                </IconButton>
 
-              <Container maxWidth={'md'}>
                 <ConversationLabel
                   users={selectedConversation.userCache ?? []}
                   conversationName={selectedConversation.name}