diff --git a/packages/common/business_components/src/ui/alert_dialog_ui/index.tsx b/packages/common/business_components/src/ui/dialog_ui/index.tsx
similarity index 100%
rename from packages/common/business_components/src/ui/alert_dialog_ui/index.tsx
rename to packages/common/business_components/src/ui/dialog_ui/index.tsx
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/select/index.tsx b/packages/common/business_components/src/ui/select/index.tsx
index 5762332e8..c7fbc5ef0 100644
--- a/packages/common/business_components/src/ui/select/index.tsx
+++ b/packages/common/business_components/src/ui/select/index.tsx
@@ -4,8 +4,8 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from ".
 
 /** 차트 기본 스타일 */
 interface SelectBox1 {
-  text:string|number,
-  val:string
+  text:string,
+  val:string|number
 }
 
 const SelectBox = React.forwardRef<
diff --git a/packages/common/business_components/src/ui/table/index.tsx b/packages/common/business_components/src/ui/table/index.tsx
index d22a5835d..b8c2706bc 100644
--- a/packages/common/business_components/src/ui/table/index.tsx
+++ b/packages/common/business_components/src/ui/table/index.tsx
@@ -22,10 +22,11 @@ export function UiTable({ tableData, headlist, pageSize, total, children, headNa
   return (
     <>
       {headName ? <div className="card-header">
-          {headName}
+        <h3 className="text-2xl font-medium text-label">{headName}</h3>
         </div> : <></>}
-      <Table>
-        <TableHeader>
+      <div className="card !m-[1.2rem] max-h-[40rem] overflow-auto !p-0r">
+        <Table>
+          <TableHeader>
           {children ? <>{children}</> : <TableRow>
             {headlist?.map((head) => (
               <TableHead key={head.id}>{head.title}</TableHead>
@@ -41,8 +42,9 @@ export function UiTable({ tableData, headlist, pageSize, total, children, headNa
             </TableRow>
           ))}
         </TableBody>
-      </Table>
-      {total <= 0 ? <></> : <UiPageNations total={total} cur={cur} pageSize={pageSize} />}
+        </Table>
+        {total <= 0 ? <></> : <UiPageNations total={total} cur={cur} pageSize={pageSize} />}
+      </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..5b6d9bff4 100644
--- a/packages/common/business_components/src/ui/title/index.tsx
+++ b/packages/common/business_components/src/ui/title/index.tsx
@@ -2,7 +2,9 @@
 
 function Title(props: {title: string}) {
   return (
-    <h1 className="text-2xl font-bold mb-6">{props.title}</h1>
+      <h2 className="px-[1.8rem] pt-[2rem] text-[2.4rem] font-semibold text-title">
+        {props.title}
+      </h2>
   )
 }