diff --git a/app/release/output-metadata.json b/app/release/output-metadata.json
index e3569d84..c3169023 100644
--- a/app/release/output-metadata.json
+++ b/app/release/output-metadata.json
@@ -11,8 +11,8 @@
       "type": "SINGLE",
       "filters": [],
       "attributes": [],
-      "versionCode": 5,
-      "versionName": "1.0.0",
+      "versionCode": 9,
+      "versionName": "1.1.1",
       "outputFile": "app-release.apk"
     }
   ],
diff --git a/app/src/main/java/com/withpeace/withpeace/navigation/NavHost.kt b/app/src/main/java/com/withpeace/withpeace/navigation/NavHost.kt
index 5fadf336..e956141a 100644
--- a/app/src/main/java/com/withpeace/withpeace/navigation/NavHost.kt
+++ b/app/src/main/java/com/withpeace/withpeace/navigation/NavHost.kt
@@ -1,5 +1,7 @@
 package com.withpeace.withpeace.navigation
 
+import androidx.compose.animation.EnterTransition
+import androidx.compose.animation.ExitTransition
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.navigation.NavHostController
@@ -55,6 +57,8 @@ fun WithpeaceNavHost(
         modifier = modifier,
         navController = navController,
         startDestination = startDestination,
+        enterTransition = { EnterTransition.None },
+        exitTransition = { ExitTransition.None },
     ) {
         loginNavGraph(
             onShowSnackBar = { onShowSnackBar(SnackbarState(it)) },
diff --git a/feature/gallery/src/main/java/com/withpeace/withpeace/feature/gallery/navigation/GalleryNavigation.kt b/feature/gallery/src/main/java/com/withpeace/withpeace/feature/gallery/navigation/GalleryNavigation.kt
index c6cf9476..d623f69f 100644
--- a/feature/gallery/src/main/java/com/withpeace/withpeace/feature/gallery/navigation/GalleryNavigation.kt
+++ b/feature/gallery/src/main/java/com/withpeace/withpeace/feature/gallery/navigation/GalleryNavigation.kt
@@ -1,5 +1,7 @@
 package com.withpeace.withpeace.feature.gallery.navigation
 
+import androidx.compose.animation.AnimatedContentTransitionScope
+import androidx.compose.animation.core.tween
 import androidx.navigation.NavController
 import androidx.navigation.NavGraphBuilder
 import androidx.navigation.NavOptions
@@ -32,6 +34,18 @@ fun NavGraphBuilder.galleryNavGraph(
             navArgument(GALLERY_IMAGE_LIMIT_ARGUMENT) { type = NavType.IntType },
             navArgument(GALLERY_ALREADY_IMAGE_COUNT_ARGUMENT) { type = NavType.IntType },
         ),
+        enterTransition = {
+            slideIntoContainer(
+                AnimatedContentTransitionScope.SlideDirection.Left,
+                animationSpec = tween(500),
+            )
+        },
+        exitTransition = {
+            slideOutOfContainer(
+                AnimatedContentTransitionScope.SlideDirection.Right,
+                animationSpec = tween(500),
+            )
+        },
     ) {
         GalleryRoute(
             onClickBackButton = onClickBackButton,
diff --git a/feature/home/src/main/java/com/withpeace/withpeace/feature/home/navigation/HomeNavigation.kt b/feature/home/src/main/java/com/withpeace/withpeace/feature/home/navigation/HomeNavigation.kt
index c2bc6397..4ec28ae6 100644
--- a/feature/home/src/main/java/com/withpeace/withpeace/feature/home/navigation/HomeNavigation.kt
+++ b/feature/home/src/main/java/com/withpeace/withpeace/feature/home/navigation/HomeNavigation.kt
@@ -1,10 +1,11 @@
 package com.withpeace.withpeace.feature.home.navigation
 
+import androidx.compose.animation.EnterTransition
+import androidx.compose.animation.ExitTransition
 import androidx.navigation.NavController
 import androidx.navigation.NavGraphBuilder
 import androidx.navigation.NavOptions
 import androidx.navigation.compose.composable
-import com.withpeace.withpeace.feature.home.uistate.YouthPolicyUiModel
 import com.withpeace.withpeace.feature.home.HomeRoute
 
 const val HOME_ROUTE = "homeRoute"
@@ -17,7 +18,11 @@ fun NavGraphBuilder.homeNavGraph(
     onShowSnackBar: (message: String) -> Unit,
     onPolicyClick: (String) -> Unit,
 ) {
-    composable(route = HOME_ROUTE) {
+    composable(
+        route = HOME_ROUTE,
+        enterTransition = { EnterTransition.None },
+        exitTransition = { ExitTransition.None },
+    ) {
         HomeRoute(
             onShowSnackBar = onShowSnackBar,
             onPolicyClick = onPolicyClick
diff --git a/feature/mypage/src/main/java/com/withpeace/withpeace/feature/mypage/navigation/MyPageNavigation.kt b/feature/mypage/src/main/java/com/withpeace/withpeace/feature/mypage/navigation/MyPageNavigation.kt
index 2455ade0..4d344ca6 100644
--- a/feature/mypage/src/main/java/com/withpeace/withpeace/feature/mypage/navigation/MyPageNavigation.kt
+++ b/feature/mypage/src/main/java/com/withpeace/withpeace/feature/mypage/navigation/MyPageNavigation.kt
@@ -1,5 +1,7 @@
 package com.withpeace.withpeace.feature.mypage.navigation
 
+import androidx.compose.animation.EnterTransition
+import androidx.compose.animation.ExitTransition
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.navigation.NavController
 import androidx.navigation.NavGraphBuilder
@@ -24,7 +26,11 @@ fun NavGraphBuilder.myPageNavGraph(
     onAuthExpired: () -> Unit,
     onDibsOfPolicyClick: () -> Unit,
 ) {
-    composable(route = MY_PAGE_ROUTE) {
+    composable(
+        route = MY_PAGE_ROUTE,
+        enterTransition = { EnterTransition.None },
+        exitTransition = { ExitTransition.None },
+    ) {
         val nickname = it.savedStateHandle.get<String>(MY_PAGE_CHANGED_NICKNAME_ARGUMENT)
         val profile = it.savedStateHandle.get<String>(MY_PAGE_CHANGED_IMAGE_ARGUMENT)
         val viewModel: MyPageViewModel = hiltViewModel()
diff --git a/feature/policybookmarks/src/main/java/com/withpeace/withpeace/feature/policybookmarks/navigation/PolicyBookmarksNavigation.kt b/feature/policybookmarks/src/main/java/com/withpeace/withpeace/feature/policybookmarks/navigation/PolicyBookmarksNavigation.kt
index 43cd46a2..c39435c8 100644
--- a/feature/policybookmarks/src/main/java/com/withpeace/withpeace/feature/policybookmarks/navigation/PolicyBookmarksNavigation.kt
+++ b/feature/policybookmarks/src/main/java/com/withpeace/withpeace/feature/policybookmarks/navigation/PolicyBookmarksNavigation.kt
@@ -1,3 +1,5 @@
+import androidx.compose.animation.AnimatedContentTransitionScope
+import androidx.compose.animation.core.tween
 import androidx.navigation.NavController
 import androidx.navigation.NavGraphBuilder
 import androidx.navigation.NavOptions
@@ -14,10 +16,25 @@ fun NavGraphBuilder.policyBookmarksNavGraph(
     onShowSnackBar: (message: String) -> Unit,
     onClickBackButton: () -> Unit,
 ) {
-    composable(route = POLICY_BOOKMARKS_ROUTE) {
+    composable(
+        route = POLICY_BOOKMARKS_ROUTE,
+        enterTransition = {
+            slideIntoContainer(
+                AnimatedContentTransitionScope.SlideDirection.Left,
+                animationSpec = tween(500),
+            )
+        },
+        exitTransition = {
+            slideOutOfContainer(
+                AnimatedContentTransitionScope.SlideDirection.Right,
+                animationSpec = tween(500),
+            )
+        },
+    ) {
         PolicyBookmarksRoute(
             onShowSnackBar = onShowSnackBar,
             onClickBackButton = onClickBackButton,
-        )
+
+            )
     }
 }
\ No newline at end of file
diff --git a/feature/policyconsent/src/main/java/com/withpeace/withpeace/feature/policyconsent/PolicyConsentScreen.kt b/feature/policyconsent/src/main/java/com/withpeace/withpeace/feature/policyconsent/PolicyConsentScreen.kt
index db0d7194..827db68a 100644
--- a/feature/policyconsent/src/main/java/com/withpeace/withpeace/feature/policyconsent/PolicyConsentScreen.kt
+++ b/feature/policyconsent/src/main/java/com/withpeace/withpeace/feature/policyconsent/PolicyConsentScreen.kt
@@ -1,6 +1,7 @@
 package com.withpeace.withpeace.feature.policyconsent
 
 import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
@@ -90,8 +91,10 @@ fun PolicyConsentScreen(
 ) {
     val scrollState = rememberScrollState()
     Column(
+        modifier = modifier
+            .fillMaxSize()
+            .background(WithpeaceTheme.colors.SystemWhite),
         verticalArrangement = Arrangement.SpaceBetween,
-        modifier = modifier.fillMaxSize(),
     ) {
         Column(
             modifier
diff --git a/feature/policyconsent/src/main/java/com/withpeace/withpeace/feature/policyconsent/navigation/PolicyConsentNavigation.kt b/feature/policyconsent/src/main/java/com/withpeace/withpeace/feature/policyconsent/navigation/PolicyConsentNavigation.kt
index bf970bc0..3e07a59b 100644
--- a/feature/policyconsent/src/main/java/com/withpeace/withpeace/feature/policyconsent/navigation/PolicyConsentNavigation.kt
+++ b/feature/policyconsent/src/main/java/com/withpeace/withpeace/feature/policyconsent/navigation/PolicyConsentNavigation.kt
@@ -1,5 +1,7 @@
 package com.withpeace.withpeace.feature.policyconsent.navigation
 
+import androidx.compose.animation.AnimatedContentTransitionScope
+import androidx.compose.animation.core.tween
 import androidx.navigation.NavController
 import androidx.navigation.NavGraphBuilder
 import androidx.navigation.NavOptions
@@ -17,7 +19,21 @@ fun NavGraphBuilder.policyConsentGraph(
     onShowTermsOfServiceClick: () -> Unit,
     onSuccessToNext: () -> Unit,
 ) {
-    composable(POLICY_CONSENT_ROUTE) {
+    composable(
+        POLICY_CONSENT_ROUTE,
+        enterTransition = {
+            slideIntoContainer(
+                AnimatedContentTransitionScope.SlideDirection.Left,
+                animationSpec = tween(500),
+            )
+        },
+        exitTransition = {
+            slideOutOfContainer(
+                AnimatedContentTransitionScope.SlideDirection.Right,
+                animationSpec = tween(500),
+            )
+        },
+    ) {
         PolicyConsentRoute(
             onShowSnackBar = onShowSnackBar,
             onShowPrivacyPolicyClick = onShowPrivacyPolicyClick,
diff --git a/feature/policydetail/src/main/java/com/withpeace/withpeace/feature/policydetail/PolicyDetailScreen.kt b/feature/policydetail/src/main/java/com/withpeace/withpeace/feature/policydetail/PolicyDetailScreen.kt
index b4d1580b..3ffeca04 100644
--- a/feature/policydetail/src/main/java/com/withpeace/withpeace/feature/policydetail/PolicyDetailScreen.kt
+++ b/feature/policydetail/src/main/java/com/withpeace/withpeace/feature/policydetail/PolicyDetailScreen.kt
@@ -84,10 +84,12 @@ private fun PolicyDetailContent(
     }
     val visibility = remember {
         derivedStateOf {
-            scrollState.value >= position.intValue
+            scrollState.value > position.intValue
         }
     }
-    Column(modifier = modifier.fillMaxSize()) {
+    Column(modifier = modifier
+        .fillMaxSize()
+        .background(WithpeaceTheme.colors.SystemWhite)) {
         WithPeaceBackButtonTopAppBar(
             onClickBackButton = onClickBackButton,
             title = {
@@ -103,6 +105,7 @@ private fun PolicyDetailContent(
                         overflow = TextOverflow.Ellipsis,
                         modifier = modifier.padding(end = 24.dp),
                     )
+
                 }
             },
         )
diff --git a/feature/policydetail/src/main/java/com/withpeace/withpeace/feature/policydetail/navigation/PolicyDetailNavigation.kt b/feature/policydetail/src/main/java/com/withpeace/withpeace/feature/policydetail/navigation/PolicyDetailNavigation.kt
index 9f907a35..99bf7f87 100644
--- a/feature/policydetail/src/main/java/com/withpeace/withpeace/feature/policydetail/navigation/PolicyDetailNavigation.kt
+++ b/feature/policydetail/src/main/java/com/withpeace/withpeace/feature/policydetail/navigation/PolicyDetailNavigation.kt
@@ -1,5 +1,7 @@
 package com.withpeace.withpeace.feature.policydetail.navigation
 
+import androidx.compose.animation.AnimatedContentTransitionScope
+import androidx.compose.animation.core.tween
 import androidx.navigation.NavController
 import androidx.navigation.NavGraphBuilder
 import androidx.navigation.NavOptions
@@ -30,6 +32,18 @@ fun NavGraphBuilder.policyDetailNavGraph(
                 type = NavType.StringType
             },
         ),
+        enterTransition = {
+            slideIntoContainer(
+                AnimatedContentTransitionScope.SlideDirection.Left,
+                animationSpec = tween(500),
+            )
+        },
+        exitTransition = {
+            slideOutOfContainer(
+                AnimatedContentTransitionScope.SlideDirection.Right,
+                animationSpec = tween(500),
+            )
+        },
     ) {
 
         PolicyDetailRoute(
diff --git a/feature/postdetail/src/main/java/com/withpeace/withpeace/feature/postdetail/navigation/PostDetailNavigation.kt b/feature/postdetail/src/main/java/com/withpeace/withpeace/feature/postdetail/navigation/PostDetailNavigation.kt
index b8a2b783..f09f83eb 100644
--- a/feature/postdetail/src/main/java/com/withpeace/withpeace/feature/postdetail/navigation/PostDetailNavigation.kt
+++ b/feature/postdetail/src/main/java/com/withpeace/withpeace/feature/postdetail/navigation/PostDetailNavigation.kt
@@ -39,6 +39,12 @@ fun NavGraphBuilder.postDetailGraph(
                 animationSpec = tween(500),
             )
         },
+        exitTransition = {
+            slideOutOfContainer(
+                AnimatedContentTransitionScope.SlideDirection.Right,
+                animationSpec = tween(500),
+            )
+        },
     ) {
         PostDetailRoute(
             onShowSnackBar = onShowSnackBar,
diff --git a/feature/postlist/src/main/java/com/withpeace/withpeace/feature/postlist/navigation/PostListNavigation.kt b/feature/postlist/src/main/java/com/withpeace/withpeace/feature/postlist/navigation/PostListNavigation.kt
index be696b7f..2502843c 100644
--- a/feature/postlist/src/main/java/com/withpeace/withpeace/feature/postlist/navigation/PostListNavigation.kt
+++ b/feature/postlist/src/main/java/com/withpeace/withpeace/feature/postlist/navigation/PostListNavigation.kt
@@ -1,5 +1,7 @@
 package com.withpeace.withpeace.feature.postlist.navigation
 
+import androidx.compose.animation.EnterTransition
+import androidx.compose.animation.ExitTransition
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.navigation.NavController
 import androidx.navigation.NavGraphBuilder
@@ -19,7 +21,11 @@ fun NavGraphBuilder.postListGraph(
     navigateToPostDetail: (postId: Long) -> Unit,
     onAuthExpired: () -> Unit,
 ) {
-    composable(POST_LIST_ROUTE) {
+    composable(
+        route = POST_LIST_ROUTE,
+        enterTransition = { EnterTransition.None },
+        exitTransition = { ExitTransition.None },
+    ) {
         val deletedId = it.savedStateHandle.get<Long>(POST_LIST_DELETED_POST_ID_ARGUMENT)
         val viewModel: PostListViewModel = hiltViewModel()
         deletedId?.let { id ->
diff --git a/feature/privacypolicy/src/main/java/com/withpeace/withpeace/feature/privacypolicy/navigation/PrivacyPolicyNavigation.kt b/feature/privacypolicy/src/main/java/com/withpeace/withpeace/feature/privacypolicy/navigation/PrivacyPolicyNavigation.kt
index 69581cd5..be5d0f18 100644
--- a/feature/privacypolicy/src/main/java/com/withpeace/withpeace/feature/privacypolicy/navigation/PrivacyPolicyNavigation.kt
+++ b/feature/privacypolicy/src/main/java/com/withpeace/withpeace/feature/privacypolicy/navigation/PrivacyPolicyNavigation.kt
@@ -1,5 +1,7 @@
 package com.withpeace.withpeace.feature.privacypolicy.navigation
 
+import androidx.compose.animation.AnimatedContentTransitionScope
+import androidx.compose.animation.core.tween
 import androidx.navigation.NavController
 import androidx.navigation.NavGraphBuilder
 import androidx.navigation.NavOptions
@@ -15,7 +17,21 @@ fun NavGraphBuilder.privacyPolicyGraph(
     onShowSnackBar: (String) -> Unit,
     onClickBackButton: () -> Unit,
 ) {
-    composable(PRIVACY_POLICY_ROUTE) {
+    composable(
+        route = PRIVACY_POLICY_ROUTE,
+        enterTransition = {
+            slideIntoContainer(
+                AnimatedContentTransitionScope.SlideDirection.Left,
+                animationSpec = tween(500),
+            )
+        },
+        exitTransition = {
+            slideOutOfContainer(
+                AnimatedContentTransitionScope.SlideDirection.Right,
+                animationSpec = tween(500),
+            )
+        },
+    ) {
         PrivacyPolicyRoute(
             onShowSnackBar = onShowSnackBar,
             onClickBackButton = onClickBackButton,
diff --git a/feature/profileeditor/src/main/java/com/app/profileeditor/ProfileEditorScreen.kt b/feature/profileeditor/src/main/java/com/app/profileeditor/ProfileEditorScreen.kt
index 7d21a5c2..c8e40501 100644
--- a/feature/profileeditor/src/main/java/com/app/profileeditor/ProfileEditorScreen.kt
+++ b/feature/profileeditor/src/main/java/com/app/profileeditor/ProfileEditorScreen.kt
@@ -142,6 +142,7 @@ fun ProfileEditorScreen(
         verticalArrangement = Arrangement.SpaceBetween,
         modifier = modifier
             .fillMaxSize()
+            .background(WithpeaceTheme.colors.SystemWhite)
             .verticalScroll(rememberScrollState())
             .padding(top = 0.dp),
     ) {
diff --git a/feature/profileeditor/src/main/java/com/app/profileeditor/navigation/ProfileEditorNavigation.kt b/feature/profileeditor/src/main/java/com/app/profileeditor/navigation/ProfileEditorNavigation.kt
index 0e683b7b..380abcaf 100644
--- a/feature/profileeditor/src/main/java/com/app/profileeditor/navigation/ProfileEditorNavigation.kt
+++ b/feature/profileeditor/src/main/java/com/app/profileeditor/navigation/ProfileEditorNavigation.kt
@@ -1,5 +1,7 @@
 package com.app.profileeditor.navigation
 
+import androidx.compose.animation.AnimatedContentTransitionScope
+import androidx.compose.animation.core.tween
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.navigation.NavController
 import androidx.navigation.NavGraphBuilder
@@ -41,6 +43,18 @@ fun NavGraphBuilder.profileEditorNavGraph(
             navArgument(PROFILE_NICKNAME_ARGUMENT) { type = NavType.StringType },
             navArgument(PROFILE_IMAGE_URL_ARGUMENT) { type = NavType.StringType },
         ),
+        enterTransition = {
+            slideIntoContainer(
+                AnimatedContentTransitionScope.SlideDirection.Left,
+                animationSpec = tween(500),
+            )
+        },
+        exitTransition = {
+            slideOutOfContainer(
+                AnimatedContentTransitionScope.SlideDirection.Right,
+                animationSpec = tween(500),
+            )
+        },
     ) { entry ->
         val selectedImageUri =
             entry.savedStateHandle.get<List<String>>(IMAGE_LIST_ARGUMENT) ?: emptyList()
diff --git a/feature/registerpost/src/main/java/com/withpeace/withpeace/feature/registerpost/navigation/RegisterPostNavigation.kt b/feature/registerpost/src/main/java/com/withpeace/withpeace/feature/registerpost/navigation/RegisterPostNavigation.kt
index 16c11be9..4d19dec0 100644
--- a/feature/registerpost/src/main/java/com/withpeace/withpeace/feature/registerpost/navigation/RegisterPostNavigation.kt
+++ b/feature/registerpost/src/main/java/com/withpeace/withpeace/feature/registerpost/navigation/RegisterPostNavigation.kt
@@ -1,5 +1,7 @@
 package com.withpeace.withpeace.feature.registerpost.navigation
 
+import androidx.compose.animation.AnimatedContentTransitionScope
+import androidx.compose.animation.core.tween
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.navigation.NavController
 import androidx.navigation.NavGraphBuilder
@@ -25,7 +27,21 @@ fun NavGraphBuilder.registerPostNavGraph(
     originPost: RegisterPostUiModel?,
     onAuthExpired: () -> Unit,
 ) {
-    composable(route = REGISTER_POST_ROUTE) { entry ->
+    composable(
+        route = REGISTER_POST_ROUTE,
+        enterTransition = {
+            slideIntoContainer(
+                AnimatedContentTransitionScope.SlideDirection.Up,
+                animationSpec = tween(500),
+            )
+        },
+        exitTransition = {
+            slideOutOfContainer(
+                AnimatedContentTransitionScope.SlideDirection.Down,
+                animationSpec = tween(500),
+            )
+        },
+    ) { entry ->
         val viewModel: RegisterPostViewModel = hiltViewModel()
 
         viewModel.initRegisterPost(originPost)
diff --git a/feature/signup/src/main/java/com/withpeace/withpeace/feature/signup/navigation/SignUpNavigation.kt b/feature/signup/src/main/java/com/withpeace/withpeace/feature/signup/navigation/SignUpNavigation.kt
index cdf5712e..7aa05c64 100644
--- a/feature/signup/src/main/java/com/withpeace/withpeace/feature/signup/navigation/SignUpNavigation.kt
+++ b/feature/signup/src/main/java/com/withpeace/withpeace/feature/signup/navigation/SignUpNavigation.kt
@@ -1,5 +1,7 @@
 package com.withpeace.withpeace.feature.signup.navigation
 
+import androidx.compose.animation.AnimatedContentTransitionScope
+import androidx.compose.animation.core.tween
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.navigation.NavController
 import androidx.navigation.NavGraphBuilder
@@ -20,7 +22,21 @@ fun NavGraphBuilder.signUpNavGraph(
     onNavigateToGallery: () -> Unit,
     onSignUpSuccess: () -> Unit,
 ) {
-    composable(route = SIGN_UP_ROUTE) { entry ->
+    composable(
+        route = SIGN_UP_ROUTE,
+        enterTransition = {
+            slideIntoContainer(
+                AnimatedContentTransitionScope.SlideDirection.Left,
+                animationSpec = tween(500),
+            )
+        },
+        exitTransition = {
+            slideOutOfContainer(
+                AnimatedContentTransitionScope.SlideDirection.Right,
+                animationSpec = tween(500),
+            )
+        },
+    ) { entry ->
         val selectedImageUri =
             entry.savedStateHandle.get<List<String>>(IMAGE_LIST_ARGUMENT) ?: emptyList()
         val viewModel: SignUpViewModel = hiltViewModel()
diff --git a/feature/termsofservice/src/main/java/com/withpeace/withpeace/feature/termsofservice/TermsOfServiceScreen.kt b/feature/termsofservice/src/main/java/com/withpeace/withpeace/feature/termsofservice/TermsOfServiceScreen.kt
index 18d6f59c..f51d4dd9 100644
--- a/feature/termsofservice/src/main/java/com/withpeace/withpeace/feature/termsofservice/TermsOfServiceScreen.kt
+++ b/feature/termsofservice/src/main/java/com/withpeace/withpeace/feature/termsofservice/TermsOfServiceScreen.kt
@@ -1,6 +1,8 @@
 package com.withpeace.withpeace.feature.termsofservice
 
+import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
@@ -24,7 +26,11 @@ fun TermsOfServiceScreen(
     modifier: Modifier = Modifier,
     onClickBackButton: () -> Unit,
 ) {
-    Column {
+    Column(
+        modifier = modifier
+            .fillMaxSize()
+            .background(WithpeaceTheme.colors.SystemWhite),
+    ) {
         WithPeaceBackButtonTopAppBar(
             onClickBackButton = onClickBackButton,
             title = {
diff --git a/feature/termsofservice/src/main/java/com/withpeace/withpeace/feature/termsofservice/navigation/TermsOfServiceNavigation.kt b/feature/termsofservice/src/main/java/com/withpeace/withpeace/feature/termsofservice/navigation/TermsOfServiceNavigation.kt
index 96c79098..41a1394b 100644
--- a/feature/termsofservice/src/main/java/com/withpeace/withpeace/feature/termsofservice/navigation/TermsOfServiceNavigation.kt
+++ b/feature/termsofservice/src/main/java/com/withpeace/withpeace/feature/termsofservice/navigation/TermsOfServiceNavigation.kt
@@ -1,5 +1,7 @@
 package com.withpeace.withpeace.feature.termsofservice.navigation
 
+import androidx.compose.animation.AnimatedContentTransitionScope
+import androidx.compose.animation.core.tween
 import androidx.navigation.NavController
 import androidx.navigation.NavGraphBuilder
 import androidx.navigation.NavOptions
@@ -15,7 +17,22 @@ fun NavGraphBuilder.termsOfServiceGraph(
     onShowSnackBar: (String) -> Unit,
     onClickBackButton: () -> Unit,
 ) {
-    composable(TERMS_OF_SERVICE_ROUTE) {
+    composable(
+        route = TERMS_OF_SERVICE_ROUTE,
+        enterTransition = {
+            slideIntoContainer(
+                AnimatedContentTransitionScope.SlideDirection.Left,
+                animationSpec = tween(500),
+            )
+        },
+        exitTransition = {
+            slideOutOfContainer(
+                AnimatedContentTransitionScope.SlideDirection.Right,
+                animationSpec = tween(500),
+            )
+
+        },
+    ) {
 
         TermsOfServiceRoute(
             onShowSnackBar = onShowSnackBar,
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
index 0ed740bb..86282654 100644
--- a/gradle/libs.versions.toml
+++ b/gradle/libs.versions.toml
@@ -5,7 +5,7 @@ androidxAppCompat = "1.6.1"
 androidxLifecycle = "2.7.0"
 androidxComposeBom = "2024.06.00"
 androidxComposeCompiler = "1.5.1"
-androidxComposeNavigation = "2.7.7"
+androidxComposeNavigation = "2.8.0-beta05"
 composeIconExtended = "1.5.4"
 androidxActivity = "1.8.2"
 coreSplashscreen = "1.0.1"