diff --git a/app/src/components/PageContainer.tsx b/app/src/components/PageContainer.tsx
new file mode 100644
index 0000000..a29452b
--- /dev/null
+++ b/app/src/components/PageContainer.tsx
@@ -0,0 +1,16 @@
+import type { JSX, ReactNode } from "react";
+import { View } from "react-native";
+import { twMerge } from "tailwind-merge";
+
+interface PageContainerProps {
+  children: ReactNode;
+  className?: string;
+}
+
+export function PageContainer({ children, className }: PageContainerProps): JSX.Element {
+  return (
+    <View className={twMerge("w-full self-center px-4 md:px-8 lg:max-w-[1320px] lg:px-12", className)}>
+      {children}
+    </View>
+  );
+}