diff --git a/src/components/composites/extract/index.tsx b/src/components/composites/extract/index.tsx
index a02a8ba..cfd50a8 100644
--- a/src/components/composites/extract/index.tsx
+++ b/src/components/composites/extract/index.tsx
@@ -374,7 +374,7 @@ function SelectResource() {
                     </>)}
                   </div>
                 </SelectItem>
-                {i < resources.length - 1 && <SelectSeparator className={`m-2`}/>}
+                {i < resources.length - 1 && <SelectSeparator className={`m-1`}/>}
               </>))}
             </SelectContent>
           </Select>
diff --git a/src/components/page.tsx b/src/components/page.tsx
index 0c31055..35572b5 100644
--- a/src/components/page.tsx
+++ b/src/components/page.tsx
@@ -14,9 +14,9 @@ export default function Page(props: ComponentProps<'main'> & PageProps) {
       {/* background */}
       <div className={`absolute inset-0 overflow-hidden`}>
         <div className={`absolute w-screen h-screen bg-gray-50`}></div>
-        <div className={`absolute w-[2000px] h-[2000px] -left-[1000px] -top-[1000px] bg-radial from-blue-50 from-10% to-transparent to-50%`}></div>
-        <div className={`absolute w-[2000px] h-[2000px] -right-[1000px] -top-[1000px] bg-radial from-blue-50 from-10% to-transparent to-50%`}></div>
-        <div className={`absolute w-[2000px] h-[2000px] left-[calc(50%-1000px)] -bottom-[1000px] bg-radial from-blue-50 from-10% to-transparent to-50%`}></div>
+        <div className={`absolute w-[2000px] h-[2000px] -left-[1000px] -top-[1000px] bg-radial from-blue-50/50 from-10% to-transparent to-50%`}></div>
+        <div className={`absolute w-[2000px] h-[2000px] -right-[1000px] -top-[1000px] bg-radial from-blue-50/50 from-10% to-transparent to-50%`}></div>
+        <div className={`absolute w-[2000px] h-[2000px] left-[calc(50%-1000px)] -bottom-[1000px] bg-radial from-blue-50/50 from-10% to-transparent to-50%`}></div>
       </div>
 
       {/* content */}