diff --git a/packages/common/business_components/src/ui/main_content_div/index.tsx b/packages/common/business_components/src/ui/main_content_div/index.tsx
index d1e818196..1432f472e 100644
--- a/packages/common/business_components/src/ui/main_content_div/index.tsx
+++ b/packages/common/business_components/src/ui/main_content_div/index.tsx
@@ -2,7 +2,7 @@
 
 export default function MainDiv(props: {children: React.ReactNode}) {
   return (
-    <div className="min-h-screen bg-gray-50 p-8">
+    <div className="min-h-screen bg-container">
         {props.children}
     </div>
   )
diff --git a/packages/common/business_components/src/ui/title/index.tsx b/packages/common/business_components/src/ui/title/index.tsx
index aaa9d74fd..b496ad55f 100644
--- a/packages/common/business_components/src/ui/title/index.tsx
+++ b/packages/common/business_components/src/ui/title/index.tsx
@@ -2,7 +2,11 @@
 
 function Title(props: {title: string}) {
   return (
-    <h1 className="text-2xl font-bold mb-6">{props.title}</h1>
+    <div className="h-auto min-h-full bg-container">
+      <h2 className="px-[1.8rem] pt-[2rem] text-[2.4rem] font-semibold text-title">
+        {props.title}
+      </h2>
+    </div>
   )
 }