diff --git a/apps/mobile/src/components/ActionSheet/index.js b/apps/mobile/src/components/ActionSheet/index.js
index 28059b51e..8c8ee1a93 100644
--- a/apps/mobile/src/components/ActionSheet/index.js
+++ b/apps/mobile/src/components/ActionSheet/index.js
@@ -158,7 +158,7 @@ export default class ActionSheet extends Component {
   };
 
   _onScrollEndDrag = event => {
-    let {springOffset} = this.props;
+    let {springOffset, extraScroll} = this.props;
 
     let verticalOffset = event.nativeEvent.contentOffset.y;
 
@@ -318,7 +318,6 @@ export default class ActionSheet extends Component {
                   style={[
                     {
                       width: '100%',
-                      backgroundColor: 'white',
                     },
                     footerStyle,
                     {
diff --git a/apps/mobile/src/components/Container/index.js b/apps/mobile/src/components/Container/index.js
index a832efd1b..ff2826bb4 100644
--- a/apps/mobile/src/components/Container/index.js
+++ b/apps/mobile/src/components/Container/index.js
@@ -149,50 +149,44 @@ export const Container = ({
         <SelectionHeader />
 
         <Animatable.View
-          animation="fadeIn"
-          useNativeDriver={true}
-          duration={600}
-          delay={700}>
-          <Animatable.View
-            transition={['backgroundColor', 'opacity', 'height']}
-            duration={300}
-            style={{
-              position: 'absolute',
-              backgroundColor: colors.bg,
-              zIndex: 10,
-              height: selectionMode ? 0 : null,
-              opacity: selectionMode ? 0 : 1,
-              width: '100%',
-            }}>
-            <Header
-              menu
-              hide={hideHeader}
-              verticalMenu
-              showSearch={() => {
-                setHideHeader(false);
-                countUp = 0;
-                countDown = 0;
-              }}
-              colors={colors}
-              heading={'Home'}
-              canGoBack={false}
-              customIcon="menu"
-            />
+          transition={['backgroundColor', 'opacity', 'height']}
+          duration={300}
+          style={{
+            position: 'absolute',
+            backgroundColor: colors.bg,
+            zIndex: 800,
+            height: selectionMode ? 0 : null,
+            opacity: selectionMode ? 0 : 1,
+            width: '100%',
+          }}>
+          <Header
+            menu
+            hide={hideHeader}
+            verticalMenu
+            showSearch={() => {
+              setHideHeader(false);
+              countUp = 0;
+              countDown = 0;
+            }}
+            colors={colors}
+            heading={'Home'}
+            canGoBack={false}
+            customIcon="menu"
+          />
 
-            {data[0] ? (
-              <Search
-                clear={() => setText('')}
-                hide={hideHeader}
-                onChangeText={onChangeText}
-                onSubmitEditing={onSubmitEditing}
-                placeholder="Search your notes"
-                onBlur={onBlur}
-                onFocus={onFocus}
-                clearSearch={clearSearch}
-                value={text}
-              />
-            ) : null}
-          </Animatable.View>
+          {data[0] ? (
+            <Search
+              clear={() => setText('')}
+              hide={hideHeader}
+              onChangeText={onChangeText}
+              onSubmitEditing={onSubmitEditing}
+              placeholder="Search your notes"
+              onBlur={onBlur}
+              onFocus={onFocus}
+              clearSearch={clearSearch}
+              value={text}
+            />
+          ) : null}
         </Animatable.View>
 
         {children}
diff --git a/apps/mobile/src/components/NoteItem/index.js b/apps/mobile/src/components/NoteItem/index.js
index 780490278..369146ca0 100644
--- a/apps/mobile/src/components/NoteItem/index.js
+++ b/apps/mobile/src/components/NoteItem/index.js
@@ -256,7 +256,6 @@ export default class NoteItem extends React.Component {
             justifyContent: 'center',
             minHeight: 70,
             alignItems: 'center',
-            paddingRight: ph,
           }}>
           <TouchableOpacity
             style={{
diff --git a/apps/mobile/src/components/NotesList/index.js b/apps/mobile/src/components/NotesList/index.js
index 1b31fde51..159d3dd30 100644
--- a/apps/mobile/src/components/NotesList/index.js
+++ b/apps/mobile/src/components/NotesList/index.js
@@ -14,6 +14,8 @@ import {slideLeft, slideRight} from '../../utils/animations';
 import {NotesPlaceHolder} from '../ListPlaceholders';
 import NoteItem from '../NoteItem';
 import SelectionWrapper from '../SelectionWrapper';
+import {eSendEvent} from '../../services/eventManager';
+import {eScrollEvent} from '../../services/events';
 
 export const NotesList = ({isGrouped = false}) => {
   const [state, dispatch] = useTracked();
@@ -58,7 +60,7 @@ export const NotesList = ({isGrouped = false}) => {
 
   const _onScroll = event => {
     if (!event) return;
-    y = event.nativeEvent.contentOffset.y;
+    let y = event.nativeEvent.contentOffset.y;
 
     eSendEvent(eScrollEvent, y);
   };
diff --git a/apps/mobile/src/views/Login/index.js b/apps/mobile/src/views/Login/index.js
index 20be4f58b..c7d37231e 100644
--- a/apps/mobile/src/views/Login/index.js
+++ b/apps/mobile/src/views/Login/index.js
@@ -100,9 +100,9 @@ const renderLogin = (colors, navigation) => {
   return (
     <View
       style={{
-        justifyContent: 'center',
-        width: '80%',
-        height: '80%',
+        justifyContent: DDS.isTab ? 'center' : 'flex-start',
+        width: '100%',
+        height: DDS.isTab ? '80%' : '100%',
         alignSelf: 'center',
       }}>
       <View>
diff --git a/apps/mobile/src/views/Signup/index.js b/apps/mobile/src/views/Signup/index.js
index f167a63e4..bec0f09ee 100644
--- a/apps/mobile/src/views/Signup/index.js
+++ b/apps/mobile/src/views/Signup/index.js
@@ -81,9 +81,9 @@ const renderSignup = colors => {
   return (
     <View
       style={{
-        justifyContent: 'center',
-        width: '80%',
-        height: '80%',
+        justifyContent: DDS.isTab ? 'center' : 'flex-start',
+        width: '100%',
+        height: DDS.isTab ? '80%' : '100%',
         alignSelf: 'center',
       }}>
       <View>