diff --git a/frontend/src/component/Layout/Footer.tsx b/frontend/src/component/Layout/Footer.tsx
index 3638083f..42835c2e 100644
--- a/frontend/src/component/Layout/Footer.tsx
+++ b/frontend/src/component/Layout/Footer.tsx
@@ -1,14 +1,14 @@
 import React from 'react';
 
 interface IFooterProps {
-  title: string;
+  title?: string;
   onClick?: () => void;
   active?: boolean;
 }
 
 export const Footer: React.FC<IFooterProps> = ({ title, onClick, active }) => {
   const shadow = active ? 'shadow-float' : 'shadow-basic';
-  const fontColor = active ? 'text-gray-900' : 'text-gray-100';
+  const fontColor = active ? 'text-gray-900' : 'text-gray-400';
 
   return (
     <footer className="absolute bottom-5 w-[95%] h-[6%]">
diff --git a/frontend/src/component/Layout/Layout.tsx b/frontend/src/component/Layout/Layout.tsx
index 66b1fbda..6519934c 100644
--- a/frontend/src/component/Layout/Layout.tsx
+++ b/frontend/src/component/Layout/Layout.tsx
@@ -14,14 +14,14 @@ interface ILayoutProps {
 
 export const Layout: React.FC<ILayoutProps> = ({
   children,
-  headerTitle = '사용자 1에 대한 경로 설정',
-  footerTitle = '출발지점 선택',
+  headerTitle,
+  footerTitle,
   isHeaderTransparent = false,
   footerActive = true,
   headerButton,
   footerOnClick,
 }) => (
-  <div className="flex flex-col items-center w-full h-full">
+  <div className="flex flex-col items-center w-full h-full bg-gray-400">
     {/* Header */}
     <Header title={headerTitle} isTransparency={isHeaderTransparent} buttonElement={headerButton} />