diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index d2c39cd1..b391a7dd 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -54,16 +54,16 @@ export const NavBar = ({ newRecording, recordingName, isRecording }: NavBarProps
 
   return (
     <NavBarWrapper>
-      {
-        user !== null ? (
-          <>
-            <div style={{
+                  <div style={{
               display: 'flex',
               justifyContent: 'flex-start',
             }}>
               <RecordingIcon />
               <div style={{ padding: '11px' }}><ProjectName>Maxun</ProjectName></div>
             </div>
+      {
+        user !== null ? (
+          <>
             <div style={{
               display: 'flex',
               justifyContent: 'flex-end',