From b035299a1890a3ee72e0e39d3628e6d8f3608d5d Mon Sep 17 00:00:00 2001
From: Tymoteusz Czech <2625371+Tymek@users.noreply.github.com>
Date: Tue, 11 Feb 2025 16:17:24 +0100
Subject: [PATCH] fix: command bar spacing (#9288)

---
 frontend/src/component/menu/Header/Header.tsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/menu/Header/Header.tsx b/frontend/src/component/menu/Header/Header.tsx
index d79d3cabba..8581abae84 100644
--- a/frontend/src/component/menu/Header/Header.tsx
+++ b/frontend/src/component/menu/Header/Header.tsx
@@ -199,6 +199,20 @@ const Header = () => {
                 <StyledNav>
                     <StyledUserContainer>
                         <CommandBar />
+                        <ConditionallyRender
+                            condition={frontendHeaderRedesign}
+                            show={
+                                <Divider
+                                    orientation='vertical'
+                                    variant='middle'
+                                    flexItem
+                                    sx={(theme) => ({
+                                        marginLeft: theme.spacing(1),
+                                        border: 'transparent',
+                                    })}
+                                />
+                            }
+                        />
                         <ConditionallyRender
                             condition={!frontendHeaderRedesign}
                             show={<HeaderEventTimelineButton />}
@@ -234,7 +248,9 @@ const Header = () => {
                                 target='_blank'
                                 rel='noopener noreferrer'
                                 size='large'
-                                sx={{ mr: 1 }}
+                                sx={(theme) => ({
+                                    marginRight: theme.spacing(1),
+                                })}
                             >
                                 <MenuBookIcon />
                             </StyledIconButton>