diff --git a/common/FilterModal.tsx b/common/FilterModal.tsx
index 009aa5d..5c5f1a7 100644
--- a/common/FilterModal.tsx
+++ b/common/FilterModal.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Modal, View, StyleSheet, Text, ScrollView, Dimensions } from 'react-native';
+import { View, Modal, StyleSheet, Text, ScrollView, Dimensions, Platform } from 'react-native';
 import RNPickerSelect from 'react-native-picker-select';
 import { FontAwesome } from '@expo/vector-icons';
 import { useColors } from '../common/colors';
@@ -23,11 +23,11 @@ const FilterModal = ({ filter, setFilter, userInformation, baseData }: FilterMod
     const screenHeight = Dimensions.get('window').height;
 
     const styles = StyleSheet.create({
-        modalContainer: {
+        modalOverlay: {
             flex: 1,
             justifyContent: 'center',
             alignItems: 'center',
-            marginTop: 22,
+            backgroundColor: 'rgba(0, 0, 0, 0.5)',
         },
         modalView: {
             margin: 20,
@@ -74,7 +74,7 @@ const FilterModal = ({ filter, setFilter, userInformation, baseData }: FilterMod
             transparent={true}
             onRequestClose={() => setFilter(tempFilter)}
         >
-            <View style={styles.modalContainer}>
+            <View style={styles.modalOverlay}>
                 <View style={styles.modalView}>
                     <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
                         <ThemeText style={styles.modalSubtitle}>Kriterium</ThemeText>