diff --git a/src/components/Custom/AnimatedBottomBar.js b/src/components/Custom/AnimatedBottomBar.js
index eab966f..5dc78ac 100644
--- a/src/components/Custom/AnimatedBottomBar.js
+++ b/src/components/Custom/AnimatedBottomBar.js
@@ -75,6 +75,13 @@ class AnimatedBottomBar extends React.Component<Props, State> {
                 ref={this.ref}
                 style={styles.container}>
                 <Surface style={styles.surface}>
+                    <View style={styles.fabContainer}>
+                        <FAB
+                            style={styles.fab}
+                            icon="account-clock"
+                            onPress={() => this.props.navigation.navigate('group-select')}
+                        />
+                    </View>
                     <View style={{flexDirection: 'row'}}>
                         <IconButton
                             icon={this.displayModeIcons[this.state.currentMode]}
@@ -86,13 +93,6 @@ class AnimatedBottomBar extends React.Component<Props, State> {
                             style={{marginLeft: 5}}
                             onPress={() => this.props.onPress('today', undefined)}/>
                     </View>
-                    <View style={styles.fabContainer}>
-                    <FAB
-                        style={styles.fab}
-                        icon="account-clock"
-                        onPress={() => this.props.navigation.navigate('group-select')}
-                    />
-                    </View>
                     <View style={{flexDirection: 'row'}}>
                         <IconButton
                             icon="chevron-left"