diff --git a/frontend/casino/src/app/pages/MainPage/MainPage.tsx b/frontend/casino/src/app/pages/MainPage/MainPage.tsx
index 23b9216..9e05b80 100644
--- a/frontend/casino/src/app/pages/MainPage/MainPage.tsx
+++ b/frontend/casino/src/app/pages/MainPage/MainPage.tsx
@@ -165,6 +165,6 @@ export const MainPage = () => {
                     </div>
                 </div>
             </div>
-        </div>
+        </ContainerLayout>
     );
 };
\ No newline at end of file
diff --git a/frontend/casino/src/app/utils/ContainerLayout.tsx b/frontend/casino/src/app/utils/ContainerLayout.tsx
new file mode 100644
index 0000000..f9e23da
--- /dev/null
+++ b/frontend/casino/src/app/utils/ContainerLayout.tsx
@@ -0,0 +1,17 @@
+import React from 'react';
+
+type ContainerLayoutProps = {
+    children: React.ReactNode;
+};
+
+const ContainerLayout: React.FC<ContainerLayoutProps> = ({ children }) => {
+    return (
+        <div className="flex bg-[#171A21]">
+            <div className="container mx-auto relative py-6">
+                {children}
+            </div>
+        </div>
+    );
+};
+
+export default ContainerLayout;