diff --git a/src/components/LessonItem.js b/src/components/LessonItem.js
index e1a7210..ee507b0 100644
--- a/src/components/LessonItem.js
+++ b/src/components/LessonItem.js
@@ -25,7 +25,6 @@ export default class LessonItem extends React.Component {
 
   render () {
     const {cards} = this.props
-    const {defaultStyle} = styles;
 
     const onSwiped = (index) => {
       this.setState({
@@ -38,11 +37,9 @@ export default class LessonItem extends React.Component {
       <View style={styles.top}>
         <View style={
           {
-
             marginLeft: 20,
             marginRight: 20,
-            justifyContent: 'center',
-            paddingTop: 30
+            flex: 1
           }
         }>
 
@@ -53,8 +50,10 @@ export default class LessonItem extends React.Component {
           progress={progress} width={null} />
 
       </View>
-      <View>
+      <View style={{justifyContent: "flex-start", backgroundColor: 'green', flex: 15}}>
         <Swiper
+          cardVerticalMargin={0}
+          style={{justifyContent: 'flex-start'}}
           onSwiped={onSwiped}
           backgroundColor='#7270a8'
           cards={cards}
@@ -71,26 +70,21 @@ export default class LessonItem extends React.Component {
 }
 
 const styles = {
-
   top: {
+    paddingTop: 50,
     flexDirection: 'column',
     backgroundColor: '#7270a8',
-    flex: 1
-  },
-  defaultStyle: {
-    flexDirection: 'column',
-    justifyContent: 'center',
-    backgroundColor: '#7270a8',
+    justifyContent: 'flex-start',
     flex: 1
   },
   card: {
-    flex: 1,
+    padding: 30,
     borderRadius: 10,
     borderWidth: 2,
     borderColor: '#E8E8E8',
     justifyContent: 'center',
     backgroundColor: 'white',
-    alignItems: 'center'
+    alignItems: 'center',
   },
   text: {
     margin: 20,