diff --git a/front/src/main.tsx b/front/src/main.tsx
index b0f2ed4..af7833d 100644
--- a/front/src/main.tsx
+++ b/front/src/main.tsx
@@ -1,6 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import { Provider } from '@/core/provider'
+import { Provider } from '@/core/Provider'
 import '@/index.css'
 import App from '@/App'
 
diff --git a/front/src/pages/ChatPage.tsx b/front/src/pages/ChatPage.tsx
index 0d7cd19..71edb00 100644
--- a/front/src/pages/ChatPage.tsx
+++ b/front/src/pages/ChatPage.tsx
@@ -1,5 +1,6 @@
 import { useNavigate } from 'react-router'
 import { List } from 'lucide-react'
+import { cn, interactive } from '@/lib'
 import { MainLayout, MainHeaderBar } from '@/layouts'
 
 export function ChatPage() {
@@ -27,7 +28,7 @@ function ListNavButton() {
       type="button"
       aria-label="목록으로 이동"
       onClick={() => navigate('/list')}
-      className="cursor-pointer text-foreground"
+      className={cn('text-foreground', interactive)}
     >
       <List size={24} />
     </button>
diff --git a/front/src/pages/ListPage.tsx b/front/src/pages/ListPage.tsx
index 9d49500..b6927a5 100644
--- a/front/src/pages/ListPage.tsx
+++ b/front/src/pages/ListPage.tsx
@@ -1,5 +1,6 @@
 import { MainLayout, MainHeaderBar } from '@/layouts'
-import { FilterSection, SidebarFooter } from '@/features/list'
+import { FilterContainer, ContentContainer } from '@/features/list'
+import { SidebarFooter } from '@/features/auth'
 
 export function ListPage() {
   return (
@@ -12,7 +13,7 @@ export function ListPage() {
         </MainHeaderBar>
       }
     >
-      {/* TODO: Content (ButtonSection / TableSection / PageSection) */}
+      <ContentContainer />
     </MainLayout>
   )
 }
@@ -20,8 +21,7 @@ export function ListPage() {
 function Sidebar() {
   return (
     <>
-      <FilterSection />
-      {/* TODO: ArchiveSection */}
+      <FilterContainer />
       <SidebarFooter />
     </>
   )