diff --git a/app/_layout.tsx b/app/_layout.tsx
index 1831d14..e7b9cc0 100644
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -54,7 +54,11 @@ function RootLayoutNav() {
         <ThemeProvider
           value={colorScheme === "dark" ? DarkTheme : DefaultTheme}
         >
-          <Stack>
+          <Stack
+            screenOptions={{
+              animation: "fade_from_bottom",
+            }}
+          >
             <Stack.Screen name="loginScreen" options={{ headerShown: false }} />
             <Stack.Screen name="index" options={{ headerShown: false }} />
             <Stack.Screen name="modal" options={{ title: "History" }} />
diff --git a/app/index.tsx b/app/index.tsx
index 4e23e8e..632968f 100644
--- a/app/index.tsx
+++ b/app/index.tsx
@@ -1,6 +1,5 @@
 import {
   View,
-  Text,
   StyleSheet,
   StatusBar,
   Pressable,
@@ -90,7 +89,7 @@ const Home = () => {
 
 const styles = StyleSheet.create({
   cont: {
-    backgroundColor: "#5F57FF",
+    backgroundColor: light.background2,
     flex: 1,
     paddingTop: StatusBar.currentHeight,
   },