diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..00ad71f
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "typescript.tsdk": "node_modules\\typescript\\lib"
+}
\ No newline at end of file
diff --git a/App.tsx b/App.tsx
index ef4c1ec..670a826 100644
--- a/App.tsx
+++ b/App.tsx
@@ -20,14 +20,14 @@ const theme = {
   ...DefaultTheme,
   colors: {
     ...DefaultTheme.colors,
-    primary: 'tomato',
+    primary: 'magenta',
     accent: 'yellow',
   },
 };
 
 function App() {
   return (
-    <PaperProvider theme={theme}>
+    <PaperProvider theme={theme} settings={{rippleEffectEnabled: true}}>
       <NavigationContainer>
         <Stack.Navigator>
           <Stack.Screen name="Login" component={LoginScreen} options={{ headerShown: false }} />
diff --git a/app/screens/Login.tsx b/app/screens/Login.tsx
index 6b655e0..3bf8650 100644
--- a/app/screens/Login.tsx
+++ b/app/screens/Login.tsx
@@ -40,6 +40,7 @@ const LoginScreen = ({ navigation }: any) => {
     return (
         <View style={{ alignSelf: 'stretch', display: 'flex', flexDirection: 'column', height: '50%', marginTop: '30%' }}>
             <TextInput
+            left={<TextInput.Icon icon="email" />}
                 mode="outlined"
                 style={inputStyle}
                 label="Email"