diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index c4cd744..26bd8df 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -28,10 +28,10 @@ header {
   left: 0;
   width: 100%;
   height: 80px;
-  background-color: var(--color-background-soft);
+  background-color: var(--color-background);
   border-bottom: 1px solid var(--color-border);
-  box-shadow: 0px 4px 4px #0003;
   box-sizing: border-box;
+  z-index: 9999;
 }
 
 header a {
diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index ef5ddd2..91bd6a7 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -1,18 +1,22 @@
 <script setup>
 import AppHeader from '@/components/AppHeader.vue';
-import { RouterView } from 'vue-router';
+import KakaoMap from '@/components/common/KakaoMap.vue';
+import SideBar from '@/components/search/SideBar.vue';
 </script>
 
 <template>
   <AppHeader />
   <main>
-    <RouterView />
+    <KakaoMap />
+    <SideBar />
   </main>
 </template>
 
 <style scoped>
 main {
-  position: relative;
+  position: absolute;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
 }