diff --git a/presentation/src/main/java/com/nexters/boolti/presentation/screen/showdetail/ShowDetailScreen.kt b/presentation/src/main/java/com/nexters/boolti/presentation/screen/showdetail/ShowDetailScreen.kt
index 6d23c32f..66e632f6 100644
--- a/presentation/src/main/java/com/nexters/boolti/presentation/screen/showdetail/ShowDetailScreen.kt
+++ b/presentation/src/main/java/com/nexters/boolti/presentation/screen/showdetail/ShowDetailScreen.kt
@@ -1,5 +1,6 @@
 package com.nexters.boolti.presentation.screen.showdetail
 
+import android.app.Activity
 import android.content.Intent
 import android.os.Build
 import androidx.activity.compose.BackHandler
@@ -58,10 +59,12 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.toArgb
 import androidx.compose.ui.graphics.vector.ImageVector
 import androidx.compose.ui.platform.LocalClipboardManager
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.platform.LocalUriHandler
+import androidx.compose.ui.platform.LocalView
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.res.vectorResource
 import androidx.compose.ui.text.AnnotatedString
@@ -96,6 +99,7 @@ import com.nexters.boolti.presentation.theme.Grey70
 import com.nexters.boolti.presentation.theme.Grey80
 import com.nexters.boolti.presentation.theme.Grey85
 import com.nexters.boolti.presentation.theme.Grey90
+import com.nexters.boolti.presentation.theme.Grey95
 import com.nexters.boolti.presentation.theme.marginHorizontal
 import com.nexters.boolti.presentation.theme.point2
 import com.nexters.boolti.presentation.theme.point3
@@ -230,6 +234,18 @@ fun ShowDetailScreen(
     val scope = rememberCoroutineScope()
     var showBottomSheet by remember { mutableStateOf<TicketBottomSheetType?>(null) }
 
+    val view = LocalView.current
+    val window = (view.context as Activity).window
+    val backgroundColor = MaterialTheme.colorScheme.background
+    val bottomSheetColor = MaterialTheme.colorScheme.surfaceTint
+    LaunchedEffect(showBottomSheet) {
+        if(showBottomSheet == null) {
+            window.navigationBarColor = backgroundColor.toArgb()
+        } else {
+            window.navigationBarColor = bottomSheetColor.toArgb()
+        }
+    }
+
     Box(
         modifier = Modifier.fillMaxSize(),
     ) {
@@ -292,6 +308,7 @@ fun ShowDetailScreen(
             scope.launch {
                 if (isLoggedIn) {
                     showBottomSheet = type
+
                 } else {
                     navigateToLogin()
                 }