diff --git a/.gitignore b/.gitignore
index 3f815ea23..a4574580d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,4 +5,6 @@
 node_modules
 
 # misc
-.DS_Store
\ No newline at end of file
+.DS_Store
+apps/wr/.next/**/*
+apps/fo/.next/**/*
\ No newline at end of file
diff --git a/packages/common/business_components/src/ui/scroll/index.tsx b/packages/common/business_components/src/ui/scroll/index.tsx
index cf253cf17..cd32e8856 100644
--- a/packages/common/business_components/src/ui/scroll/index.tsx
+++ b/packages/common/business_components/src/ui/scroll/index.tsx
@@ -1,7 +1,7 @@
-import * as React from "react"
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
+import * as React from "react"
 
-import { cn } from "@/lib/utils"
+import { cn } from "../../lib/utils"
 
 const ScrollArea = React.forwardRef<
   React.ElementRef<typeof ScrollAreaPrimitive.Root>,
diff --git a/packages/common/business_components/src/ui/search_form/index.tsx b/packages/common/business_components/src/ui/search_form/index.tsx
index 45444a68f..7c6024748 100644
--- a/packages/common/business_components/src/ui/search_form/index.tsx
+++ b/packages/common/business_components/src/ui/search_form/index.tsx
@@ -1,9 +1,9 @@
 function SearchDiv ({children}:{ children: React.ReactNode; }) {
    return (
-      <div className="flex border border-black m-4 rounded-lg">
+      <div className="flex border border-black m-4 rounded-lg min-h-[80px]">
         {children}   
       </div>
     )
 }
  
-export { SearchDiv };
\ No newline at end of file
+export { SearchDiv };
diff --git a/packages/common/business_components/src/ui/select/index.tsx b/packages/common/business_components/src/ui/select/index.tsx
index 9f5f6d25c..d039c2c2a 100644
--- a/packages/common/business_components/src/ui/select/index.tsx
+++ b/packages/common/business_components/src/ui/select/index.tsx
@@ -17,9 +17,9 @@ const SelectBox = React.forwardRef<
 
   return (
     <div className={className+" flex items-center"} ref={ref}>
-      {label && <Label className="m-4 text-lg w-1/4">{label}</Label>}
+      {label && <Label className="m-4 text-2xl w-1/4">{label}</Label>}
       <Select onValueChange={onSelectValue}>
-        <SelectTrigger className="ml-8 w-3/4 text-lg">
+        <SelectTrigger className="ml-8 w-3/4 text-2xl">
           <SelectValue placeholder={placeHolder} />
         </SelectTrigger>
         <SelectContent>
diff --git a/packages/common/business_components/src/ui/table/index.tsx b/packages/common/business_components/src/ui/table/index.tsx
index 1e2345a88..c96cabe7c 100644
--- a/packages/common/business_components/src/ui/table/index.tsx
+++ b/packages/common/business_components/src/ui/table/index.tsx
@@ -1,49 +1,49 @@
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@common/components";
 import UiPageNations from "./uiPageNations";
-  
-  
-type UiTableProps  = {
-  headName: React.ReactNode|undefined;
+
+
+type UiTableProps = {
+  headName: React.ReactNode | undefined;
   tableData: { [key: string]: string | number | boolean }[];
   headlist: UiHeadProps[];
   pageSize: number;
   total: number;
-  children: React.ReactNode|undefined;
+  children: React.ReactNode | undefined;
 }
 
-type UiHeadProps={   
-  id:string;
-  title:string;
+type UiHeadProps = {
+  id: string;
+  title: string;
 
 }
-export function UiTable({ tableData, headlist,pageSize , total, children,headName}: UiTableProps) {
+export function UiTable({ tableData, headlist, pageSize, total, children, headName }: UiTableProps) {
   const cur = 1;
 
-    return (
-      <>
-      {headName?headName:<></>}
-        <Table>
-          <TableHeader>
-            {children? <>{children}</>:<TableRow>
-              {headlist?.map((head) => (
-                <TableHead key={head.id}>{head.title}</TableHead>
-              ))}
-            </TableRow>}
-            
-          </TableHeader>
-          <TableBody className='text-center'>
-            {tableData?.map((el: { [key: string]: string | number | boolean },index) => (
-              <TableRow  key={index+"row"} >
-                {headlist.map((head) => (
-                  <TableCell key={head.id+index}>{el[head.id]}</TableCell>
-                ))}
-             
-              </TableRow>
+  return (
+    <>
+      {headName ? headName : <></>}
+      <Table>
+        <TableHeader>
+          {children ? <>{children}</> : <TableRow>
+            {headlist?.map((head) => (
+              <TableHead key={head.id}>{head.title}</TableHead>
             ))}
-          </TableBody>
-          
-        </Table>
-          {total <=0? <></>: <UiPageNations total={total} cur={cur} pageSize={pageSize} />}
-      </>
-    );
-  }
\ No newline at end of file
+          </TableRow>}
+
+        </TableHeader>
+        <TableBody className='text-center'>
+          {tableData?.map((el: { [key: string]: string | number | boolean }, index) => (
+            <TableRow key={index + "row"} >
+              {headlist.map((head) => (
+                <TableCell key={head.id + index}>{el[head.id]}</TableCell>
+              ))}
+
+            </TableRow>
+          ))}
+        </TableBody>
+
+      </Table>
+      {total <= 0 ? <></> : <UiPageNations total={total} cur={cur} pageSize={pageSize} />}
+    </>
+  );
+}