diff --git a/front/views/AuthenticationView.tsx b/front/views/AuthenticationView.tsx
index 1091191..89d630c 100644
--- a/front/views/AuthenticationView.tsx
+++ b/front/views/AuthenticationView.tsx
@@ -9,7 +9,7 @@ const AuthenticationView = () => {
 	return (
 		<Center style={{ flex: 1 }}>
 			<Text>{translate('welcome')}</Text>
-			<Button onPress={() => dispatch(setUserToken('kkkk'))}>
+			<Button variant='ghost' onPress={() => dispatch(setUserToken('kkkk'))}>
 				{translate('signinBtn')}
 			</Button>
 		</Center>
diff --git a/front/views/HomeView.tsx b/front/views/HomeView.tsx
index d17afb2..3d542ef 100644
--- a/front/views/HomeView.tsx
+++ b/front/views/HomeView.tsx
@@ -1,35 +1,34 @@
 import { useNavigation } from "@react-navigation/native";
 import React from "react";
-import { View } from 'react-native';
-import { Button, Text } from "react-native-paper";
+import { Center, Button, Text } from "native-base";
 import { useDispatch, useSelector } from "react-redux";
 import { AvailableLanguages, DefaultLanguage, translate } from "../i18n/i18n";
 import { useLanguage } from "../state/LanguageSlice";
 import { unsetUserToken } from "../state/UserSlice";
 
 const HomeView = () => {
-  const dispatch = useDispatch();
-  const navigation = useNavigation();
-  const language: AvailableLanguages = useSelector((state) => state.language.value);
-  return (
-    <View style={{ flex: 1, justifyContent: 'center' }}>
-      <Text style={{ textAlign: "center" }}>This is the Home Screen</Text>
-      <Button onPress={() => dispatch(unsetUserToken())}>{ translate('signoutBtn') }</Button>
-      <Button onPress={() => {
-        let newLanguage = DefaultLanguage;
-        switch (language) {
-          case 'en':
-            newLanguage = 'fr';
-            break;
-          default:
-            break;
-        }
-        dispatch(useLanguage(newLanguage));
-      }}>Change language</Button>
-      <Button onPress={() =>  navigation.navigate('Song', { songId: 1 }) }>Go to Song Page</Button>
-      <Text style={{ textAlign: "center" }}>Current language: { language }</Text>
-    </View>
-  );
+	const dispatch = useDispatch();
+	const navigation = useNavigation();
+	const language: AvailableLanguages = useSelector((state) => state.language.value);
+	return (
+		<Center style={{ flex: 1 }}>
+			<Text style={{ textAlign: "center" }}>This is the Home Screen</Text>
+			<Button variant='ghost' onPress={() => dispatch(unsetUserToken())}>{translate('signoutBtn')}</Button>
+			<Button variant='ghost' onPress={() => {
+				let newLanguage = DefaultLanguage;
+				switch (language) {
+					case 'en':
+						newLanguage = 'fr';
+						break;
+					default:
+						break;
+				}
+				dispatch(useLanguage(newLanguage));
+			}}>Change language</Button>
+			<Button variant='ghost' onPress={() => navigation.navigate('Song', { songId: 1 })}>Go to Song Page</Button>
+			<Text style={{ textAlign: "center" }}>Current language: {language}</Text>
+		</Center>
+	);
 }
 
 export default HomeView;