diff --git a/packages/app/components/calendar.component.tsx b/packages/app/components/calendar.component.tsx
index e911267d6..7f3f8ecc9 100644
--- a/packages/app/components/calendar.component.tsx
+++ b/packages/app/components/calendar.component.tsx
@@ -3,7 +3,7 @@ import { CalendarItem } from '@skolplattformen/embedded-api'
 import { Divider, List, ListItem, Text } from '@ui-kitten/components'
 import moment from 'moment'
 import React from 'react'
-import { Image, ListRenderItemInfo, StyleSheet, View } from 'react-native'
+import { ListRenderItemInfo, StyleSheet, View } from 'react-native'
 import { Colors, Typography } from '../styles'
 import { useChild } from './childContext.component'
 import { CalendarOutlineIcon } from './icon.component'
@@ -15,12 +15,8 @@ export const Calendar = () => {
   const { data } = useCalendar(child)
 
   return !data?.length ? (
-    <View style={styles.emptyState}>
-      <Image
-        source={require('../assets/girls.png')}
-        style={styles.emptyStateImage}
-      />
-      <Text category="h5">Det ser lite tomt ut i kalendern</Text>
+    <View>
+      <Week child={child} />
     </View>
   ) : (
     <View>
@@ -54,9 +50,6 @@ export const Calendar = () => {
 }
 
 const styles = StyleSheet.create({
-  emptyState: {
-    flex: 1,
-  },
   emptyStateImage: {
     height: 200,
     width: '100%',