diff --git a/App.js b/App.js
index 65682ae..78f5b55 100644
--- a/App.js
+++ b/App.js
@@ -31,8 +31,10 @@ export default class App extends Component {
       <View style={styles.container}>
         <Button title="New" onPress={() => alert('Add new')}></Button>
         <Quote text={quote.text} author={quote.author} />
-        <View style={styles.button}>
-          <Button title="Nächstes Zitat" onPress={() => this.setState({ index: nextIndex })} />
+        <View style={styles.buttonOne}>
+          <Button color='grey' title="Nächstes Zitat" onPress={() => this.setState({ index: nextIndex })} />
+        </View>
+        <View style={styles.buttonTwo}>
           <Button title="Letztes Zitat" onPress={() => this.setState({ index: prevIndex })} />
         </View>
         <StatusBar style="auto" />
@@ -49,9 +51,12 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
     elevation: 100,
-
   },
-  button: {
+  buttonOne: {
+    position: 'absolute',
+    bottom: 50,
+  },
+  buttonTwo: {
     position: 'absolute',
     bottom: 5,
   },