1 files changed, 9 insertions, 6 deletions
diff --git a/src/screens/main/notification/EmptyNotificationView.tsx b/src/screens/main/notification/EmptyNotificationView.tsx
index 194b16d0..34649f26 100644
--- a/src/screens/main/notification/EmptyNotificationView.tsx
+++ b/src/screens/main/notification/EmptyNotificationView.tsx
@@ -5,9 +5,9 @@ import {UP_TO_DATE, NO_NEW_NOTIFICATIONS} from '../../../constants/strings';
 import {NOTIFICATION_GRADIENT} from '../../../constants/constants';
 const EmptyNotificationView: React.FC = () => {
   return (
-    <View style={style.container}>
+    <View style={styles.container}>
       <LinearGradient
-        style={{borderRadius: 135.5}}
+        style={styles.backgroundLinearView}
         useAngle={true}
         angle={180}
         colors={NOTIFICATION_GRADIENT}>
@@ -15,17 +15,17 @@ const EmptyNotificationView: React.FC = () => {
           source={require('../../../assets/images/empty_notifications.png')}
         />
       </LinearGradient>
-      <View style={style.topMargin}>
-        <Text style={style.upperTextStyle}>{UP_TO_DATE}</Text>
+      <View style={styles.topMargin}>
+        <Text style={styles.upperTextStyle}>{UP_TO_DATE}</Text>
       </View>
       <View>
-        <Text style={style.bottomTextStyle}>{NO_NEW_NOTIFICATIONS}</Text>
+        <Text style={styles.bottomTextStyle}>{NO_NEW_NOTIFICATIONS}</Text>
       </View>
     </View>
   );
 };
 
-const style = StyleSheet.create({
+const styles = StyleSheet.create({
   container: {alignItems: 'center'},
   topMargin: {marginTop: 43},
   upperTextStyle: {
@@ -41,6 +41,9 @@ const style = StyleSheet.create({
     fontStyle: 'normal',
     lineHeight: 40,
   },
+  backgroundLinearView: {
+    borderRadius: 135.5,
+  },
 });
 
 export default EmptyNotificationView;