diff --git a/src/common/component/Carousel/Carousel.style.ts b/src/common/component/Carousel/Carousel.style.ts
index eefba2301..4f65f9c04 100644
--- a/src/common/component/Carousel/Carousel.style.ts
+++ b/src/common/component/Carousel/Carousel.style.ts
@@ -1,7 +1,6 @@
 import { css } from '@emotion/react';
 
 import { CarouselProps } from '@/common/component/Carousel/Carousel';
-import { theme } from '@/common/style/theme/theme';
 
 export const itemStyle = (height: string) =>
   css({
@@ -68,8 +67,6 @@ export const arrowStyle = (position: 'left' | 'right') =>
     width: '3.2rem',
     height: '3.2rem',
 
-    zIndex: theme.zIndex.overlayBottom,
-
     border: 'none',
     borderRadius: '16px',
 
diff --git a/src/common/component/ToolTip/ToolTip.style.ts b/src/common/component/ToolTip/ToolTip.style.ts
index b791a4ffc..7d20a03ac 100644
--- a/src/common/component/ToolTip/ToolTip.style.ts
+++ b/src/common/component/ToolTip/ToolTip.style.ts
@@ -16,8 +16,6 @@ export const messageStyle = (isVisible: boolean) =>
     padding: '1rem',
     borderRadius: '8px',
 
-    zIndex: theme.zIndex.overlayTop,
-
     backgroundColor: `${theme.colors.gray_900}`,
     font: `${theme.text.body08}`,
     color: `${theme.colors.white}`,
diff --git a/src/shared/component/ContentBox/ContentBox.style.ts b/src/shared/component/ContentBox/ContentBox.style.ts
index 391e15aa0..cacaf48f3 100644
--- a/src/shared/component/ContentBox/ContentBox.style.ts
+++ b/src/shared/component/ContentBox/ContentBox.style.ts
@@ -49,8 +49,6 @@ export const headerStyle = css({
 
   height: '7.2rem',
 
-  zIndex: theme.zIndex.overlayBottom,
-
   padding: '1.6rem 0rem',
 
   borderBottom: `1px solid ${theme.colors.gray_200}`,
diff --git a/src/shared/component/RouteNav/RouteNav.style.ts b/src/shared/component/RouteNav/RouteNav.style.ts
index bcc02be8c..c67ca8c38 100644
--- a/src/shared/component/RouteNav/RouteNav.style.ts
+++ b/src/shared/component/RouteNav/RouteNav.style.ts
@@ -45,7 +45,7 @@ export const itemStyle = (isActive: boolean) =>
 
     whiteSpace: 'nowrap',
 
-    zIndex: 2,
+    zIndex: 1,
   });
 
 export const indicatorStyle = css({
@@ -58,6 +58,4 @@ export const indicatorStyle = css({
   backgroundColor: theme.colors.white,
 
   borderRadius: '4px',
-
-  zIndex: 1,
 });
diff --git a/src/shared/component/SideNavBar/SideNavBar.style.ts b/src/shared/component/SideNavBar/SideNavBar.style.ts
index 4ee48eed1..6edd45a29 100644
--- a/src/shared/component/SideNavBar/SideNavBar.style.ts
+++ b/src/shared/component/SideNavBar/SideNavBar.style.ts
@@ -8,6 +8,8 @@ export const containerStyle = css({
   height: '100vh',
 
   borderRight: `1px solid ${theme.colors.gray_300}`,
+
+  zIndex: theme.zIndex.overlayMiddle,
 });
 
 export const tikiLogoStyle = css({