diff --git a/client/src/common/layouts/Root/Root.jsx b/client/src/common/layouts/Root/Root.jsx
index 2a132d1..67ac713 100644
--- a/client/src/common/layouts/Root/Root.jsx
+++ b/client/src/common/layouts/Root/Root.jsx
@@ -22,22 +22,22 @@ export const Root = () => {
 
     return (
         <MusicProvider>
-            <div className="root">
-                <Header/>
+            <GroupProvider>
+                <div className="root">
+                    <Header/>
 
-                <main>
-                    <GroupProvider>
+                    <main>
                         <SettingsProvider>
                             {outlet}
                         </SettingsProvider>
-                    </GroupProvider>
-                </main>
+                    </main>
 
-                <Footer/>
+                    <Footer/>
 
-                <Background/>
+                    <Background/>
 
-            </div>
+                </div>
+            </GroupProvider>
         </MusicProvider>
-    );
+);
 }
\ No newline at end of file