diff --git a/src/components/Articles/ArticlePreview.tsx b/src/components/Articles/ArticlePreview.tsx
index bd32fc9..2771aec 100644
--- a/src/components/Articles/ArticlePreview.tsx
+++ b/src/components/Articles/ArticlePreview.tsx
@@ -7,7 +7,6 @@ import { Ionicons } from '@expo/vector-icons'
 
 import LogoRound from '@components/UI/LogoRound'
 import Text from '@components/UI/Text'
-import Button from '@components/UI/Button'
 import Touchable from '@components/UI/Touchable'
 import { HomeStackParamList } from '@navigations/HomeNavigator'
 import { CategoriesStackParamList } from '@navigations/CategoriesNavigator'
@@ -28,32 +27,28 @@ const ArticlePreview: React.FC<Props> = ({ article, hasImage = true, ignoreSpons
   const isPinned = () => !!(article.acf?.pinned && !ignoreSponsored)
 
   const defaultArticle = (
-    <View style={styles.articleContainer}>
-      {hasImage && (
-        <View style={styles.imageColumn}>
-          {article.featured_media ? (
-            <Image style={styles.image as ImageStyle} source={{ uri: article.featured_image_thumb }} />
-          ) : (
-            <View style={styles.image as ViewStyle} testID="no-image">
-              <LogoRound />
-            </View>
-          )}
-        </View>
-      )}
-      <View style={styles.textColumn}>
-        <HTML baseFontStyle={styles.title} html={article.title.rendered} />
-        <View style={styles.dateContainer}>
-          <Ionicons name="ios-clock" size={12} color={colors.accentColor} />
-          <Text style={styles.date}>{getLocaleLongDate(new Date(article.date_gmt))}</Text>
+    <Touchable onPress={() => navigation.navigate('ArticleScreen', { postId: article.id })}>
+      <View style={styles.articleContainer} testID="default-article">
+        {hasImage && (
+          <View style={styles.imageColumn}>
+            {article.featured_media ? (
+              <Image style={styles.image as ImageStyle} source={{ uri: article.featured_image_thumb }} />
+            ) : (
+              <View style={styles.image as ViewStyle} testID="no-image">
+                <LogoRound />
+              </View>
+            )}
+          </View>
+        )}
+        <View style={styles.textColumn}>
+          <HTML baseFontStyle={styles.title} html={article.title.rendered} />
+          <View style={styles.dateContainer}>
+            <Ionicons name="ios-clock" size={12} color={colors.accentColor} />
+            <Text style={styles.date}>{getLocaleLongDate(new Date(article.date_gmt))}</Text>
+          </View>
         </View>
-        <Button
-          textStyle={{ fontSize: 12 }}
-          title="Details"
-          onPress={() => navigation.navigate('ArticleScreen', { postId: article.id })}
-          testID="button"
-        />
       </View>
-    </View>
+    </Touchable>
   )
 
   const sponsoredArticle = (
@@ -106,7 +101,6 @@ const styles = StyleSheet.create<Styles>({
     justifyContent: 'flex-end',
   },
   articleContainer: {
-    alignItems: 'center',
     flexDirection: 'row',
     padding: 15,
   },
@@ -128,6 +122,7 @@ const styles = StyleSheet.create<Styles>({
   title: {
     fontFamily: fonts.sans,
     fontSize: 13,
+    lineHeight: 13 * 1.25,
     color: colors.primaryColor,
   },
   sponsoredArticleContainer: {
@@ -145,6 +140,7 @@ const styles = StyleSheet.create<Styles>({
   },
   sponsoredText: {
     fontSize: 14,
+    lineHeight: 14 * 1.25,
     textAlign: 'right',
   },
   sponsoredTitleContainer: {
@@ -156,7 +152,8 @@ const styles = StyleSheet.create<Styles>({
     borderBottomRightRadius: 15,
   },
   sponsoredTitle: {
-    fontSize: 16,
+    fontSize: 14,
+    lineHeight: 14 * 1.25,
     fontFamily: fonts.sans,
   },
 })
diff --git a/src/components/Articles/FeaturedCarousel.tsx b/src/components/Articles/FeaturedCarousel.tsx
index 7339c4a..21d94d6 100644
--- a/src/components/Articles/FeaturedCarousel.tsx
+++ b/src/components/Articles/FeaturedCarousel.tsx
@@ -91,6 +91,7 @@ const styles = StyleSheet.create<Styles>({
     paddingHorizontal: 30,
     paddingVertical: 10,
     fontSize: 14,
+    lineHeight: 14 * 1.25,
     textAlign: 'right',
   },
   titleContainer: {
@@ -100,7 +101,8 @@ const styles = StyleSheet.create<Styles>({
     paddingVertical: 10,
   },
   title: {
-    fontSize: 16,
+    fontSize: 14,
+    lineHeight: 14 * 1.25,
     fontFamily: fonts.sans,
   },
 })
diff --git a/src/components/Articles/__tests__/ArticlePreview.test.tsx b/src/components/Articles/__tests__/ArticlePreview.test.tsx
index 1fc6805..9375b2b 100644
--- a/src/components/Articles/__tests__/ArticlePreview.test.tsx
+++ b/src/components/Articles/__tests__/ArticlePreview.test.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { act, fireEvent, render } from '@testing-library/react-native'
+import { render } from '@testing-library/react-native'
 
 import ArticlePreview from '../ArticlePreview'
 import { article, articlePinned, articleWithoutFeatured, articleWithoutSponsored } from '@__mocks__/article'
@@ -34,11 +34,6 @@ describe('<ArticleList />', () => {
 
   it('should call the navigate function once', () => {
     const { getByTestId } = render(<ArticlePreview article={articleWithoutSponsored} />)
-
-    act(() => {
-      fireEvent.press(getByTestId('button'))
-    })
-
-    expect(mockedNavigate).toHaveBeenCalledTimes(1)
+    expect(getByTestId('default-article').children).toHaveLength(2)
   })
 })
diff --git a/src/components/Articles/__tests__/__snapshots__/ArticleList.test.tsx.snap b/src/components/Articles/__tests__/__snapshots__/ArticleList.test.tsx.snap
index 710ca11..4414914 100644
--- a/src/components/Articles/__tests__/__snapshots__/ArticleList.test.tsx.snap
+++ b/src/components/Articles/__tests__/__snapshots__/ArticleList.test.tsx.snap
@@ -148,6 +148,7 @@ exports[`<ArticleList /> renders correctly 1`] = `
                     "color": "#333333",
                     "fontFamily": "sans",
                     "fontSize": 14,
+                    "lineHeight": 17.5,
                     "textAlign": "right",
                   }
                 }
@@ -158,6 +159,8 @@ exports[`<ArticleList /> renders correctly 1`] = `
                     Object {
                       "color": "#333333",
                       "fontFamily": "sans-bold",
+                      "fontSize": 15,
+                      "lineHeight": 22.5,
                     }
                   }
                 >
@@ -195,7 +198,8 @@ exports[`<ArticleList /> renders correctly 1`] = `
                     style={
                       Object {
                         "fontFamily": "sans",
-                        "fontSize": 16,
+                        "fontSize": 14,
+                        "lineHeight": 17.5,
                       }
                     }
                   >
diff --git a/src/components/Articles/__tests__/__snapshots__/ArticlePreview.test.tsx.snap b/src/components/Articles/__tests__/__snapshots__/ArticlePreview.test.tsx.snap
index 045e04a..0f6e94d 100644
--- a/src/components/Articles/__tests__/__snapshots__/ArticlePreview.test.tsx.snap
+++ b/src/components/Articles/__tests__/__snapshots__/ArticlePreview.test.tsx.snap
@@ -81,6 +81,7 @@ exports[`<ArticleList /> renders correctly 1`] = `
               "color": "#333333",
               "fontFamily": "sans",
               "fontSize": 14,
+              "lineHeight": 17.5,
               "textAlign": "right",
             }
           }
@@ -91,6 +92,8 @@ exports[`<ArticleList /> renders correctly 1`] = `
               Object {
                 "color": "#333333",
                 "fontFamily": "sans-bold",
+                "fontSize": 15,
+                "lineHeight": 22.5,
               }
             }
           >
@@ -128,7 +131,8 @@ exports[`<ArticleList /> renders correctly 1`] = `
               style={
                 Object {
                   "fontFamily": "sans",
-                  "fontSize": 16,
+                  "fontSize": 14,
+                  "lineHeight": 17.5,
                 }
               }
             >
diff --git a/src/components/Articles/__tests__/__snapshots__/CategoryList.test.tsx.snap b/src/components/Articles/__tests__/__snapshots__/CategoryList.test.tsx.snap
index 3386c15..e4abece 100644
--- a/src/components/Articles/__tests__/__snapshots__/CategoryList.test.tsx.snap
+++ b/src/components/Articles/__tests__/__snapshots__/CategoryList.test.tsx.snap
@@ -115,6 +115,8 @@ exports[`<CategoryList /> renders correctly 1`] = `
               Object {
                 "color": "#333333",
                 "fontFamily": "sans",
+                "fontSize": 15,
+                "lineHeight": 22.5,
               }
             }
           >
diff --git a/src/components/Articles/__tests__/__snapshots__/FeaturedCarousel.test.tsx.snap b/src/components/Articles/__tests__/__snapshots__/FeaturedCarousel.test.tsx.snap
index dd02d09..f8986eb 100644
--- a/src/components/Articles/__tests__/__snapshots__/FeaturedCarousel.test.tsx.snap
+++ b/src/components/Articles/__tests__/__snapshots__/FeaturedCarousel.test.tsx.snap
@@ -260,6 +260,7 @@ exports[`<FeaturedCarousel /> renders correctly 1`] = `
                       "color": "#333333",
                       "fontFamily": "sans",
                       "fontSize": 14,
+                      "lineHeight": 17.5,
                       "paddingHorizontal": 30,
                       "paddingVertical": 10,
                       "textAlign": "right",
@@ -273,6 +274,8 @@ exports[`<FeaturedCarousel /> renders correctly 1`] = `
                       Object {
                         "color": "#333333",
                         "fontFamily": "sans-bold",
+                        "fontSize": 15,
+                        "lineHeight": 22.5,
                       }
                     }
                   >
@@ -307,7 +310,8 @@ exports[`<FeaturedCarousel /> renders correctly 1`] = `
                         style={
                           Object {
                             "fontFamily": "sans",
-                            "fontSize": 16,
+                            "fontSize": 14,
+                            "lineHeight": 17.5,
                           }
                         }
                       >
@@ -439,7 +443,8 @@ exports[`<FeaturedCarousel /> renders correctly 1`] = `
                         style={
                           Object {
                             "fontFamily": "sans",
-                            "fontSize": 16,
+                            "fontSize": 14,
+                            "lineHeight": 17.5,
                           }
                         }
                       >
diff --git a/src/components/Articles/__tests__/__snapshots__/NewsCarousel.test.tsx.snap b/src/components/Articles/__tests__/__snapshots__/NewsCarousel.test.tsx.snap
index 61e3656..7b0de08 100644
--- a/src/components/Articles/__tests__/__snapshots__/NewsCarousel.test.tsx.snap
+++ b/src/components/Articles/__tests__/__snapshots__/NewsCarousel.test.tsx.snap
@@ -199,113 +199,90 @@ exports[`<NewsCarousel /> renders correctly 1`] = `
         }
       >
         <View
+          accessible={true}
+          focusable={true}
+          onClick={[Function]}
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
           style={
             Object {
-              "alignItems": "center",
-              "flexDirection": "row",
-              "padding": 15,
+              "opacity": 1,
             }
           }
         >
           <View
             style={
               Object {
-                "alignItems": "flex-start",
-                "paddingHorizontal": 15,
-                "width": 620,
+                "flexDirection": "row",
+                "padding": 15,
               }
             }
+            testID="default-article"
           >
             <View
-              style={Object {}}
-            >
-              <Text
-                allowFontScaling={true}
-                selectable={false}
-                style={
-                  Array [
-                    Object {},
-                    Object {},
-                  ]
+              style={
+                Object {
+                  "alignItems": "flex-start",
+                  "paddingHorizontal": 15,
+                  "width": 620,
                 }
+              }
+            >
+              <View
+                style={Object {}}
               >
                 <Text
                   allowFontScaling={true}
+                  selectable={false}
                   style={
-                    Object {
-                      "color": "#333333",
-                      "fontFamily": "sans",
-                      "fontSize": 13,
-                    }
+                    Array [
+                      Object {},
+                      Object {},
+                    ]
                   }
                 >
-                  „New Normal“ bei Leonardo Hotels – mit neuen MICE-Formaten und Konzepten
+                  <Text
+                    allowFontScaling={true}
+                    style={
+                      Object {
+                        "color": "#333333",
+                        "fontFamily": "sans",
+                        "fontSize": 13,
+                        "lineHeight": 16.25,
+                      }
+                    }
+                  >
+                    „New Normal“ bei Leonardo Hotels – mit neuen MICE-Formaten und Konzepten
+                  </Text>
                 </Text>
-              </Text>
-            </View>
-            <View
-              style={
-                Object {
-                  "alignItems": "center",
-                  "flexDirection": "row",
-                  "paddingBottom": 10,
-                  "paddingTop": 5,
-                }
-              }
-            >
-              <Text />
-              <Text
-                style={
-                  Object {
-                    "color": "#872232",
-                    "fontFamily": "sans",
-                    "fontSize": 10,
-                    "marginLeft": 5,
-                  }
-                }
-              >
-                11. November 2020
-              </Text>
-            </View>
-            <View
-              accessible={true}
-              focusable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              style={
-                Object {
-                  "opacity": 1,
-                }
-              }
-              testID="button"
-            >
+              </View>
               <View
                 style={
                   Object {
-                    "backgroundColor": "#872232",
-                    "borderRadius": 4,
-                    "paddingHorizontal": 15,
-                    "paddingVertical": 2,
+                    "alignItems": "center",
+                    "flexDirection": "row",
+                    "paddingBottom": 10,
+                    "paddingTop": 5,
                   }
                 }
               >
+                <Text />
                 <Text
                   style={
                     Object {
-                      "color": "white",
-                      "fontFamily": "sans-bold",
-                      "fontSize": 12,
-                      "textTransform": "uppercase",
+                      "color": "#872232",
+                      "fontFamily": "sans",
+                      "fontSize": 10,
+                      "lineHeight": 22.5,
+                      "marginLeft": 5,
                     }
                   }
-                  testID="text-output"
                 >
-                  Details
+                  11. November 2020
                 </Text>
               </View>
             </View>
@@ -340,113 +317,90 @@ exports[`<NewsCarousel /> renders correctly 1`] = `
         }
       >
         <View
+          accessible={true}
+          focusable={true}
+          onClick={[Function]}
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
           style={
             Object {
-              "alignItems": "center",
-              "flexDirection": "row",
-              "padding": 15,
+              "opacity": 1,
             }
           }
         >
           <View
             style={
               Object {
-                "alignItems": "flex-start",
-                "paddingHorizontal": 15,
-                "width": 620,
+                "flexDirection": "row",
+                "padding": 15,
               }
             }
+            testID="default-article"
           >
             <View
-              style={Object {}}
-            >
-              <Text
-                allowFontScaling={true}
-                selectable={false}
-                style={
-                  Array [
-                    Object {},
-                    Object {},
-                  ]
+              style={
+                Object {
+                  "alignItems": "flex-start",
+                  "paddingHorizontal": 15,
+                  "width": 620,
                 }
+              }
+            >
+              <View
+                style={Object {}}
               >
                 <Text
                   allowFontScaling={true}
+                  selectable={false}
                   style={
-                    Object {
-                      "color": "#333333",
-                      "fontFamily": "sans",
-                      "fontSize": 13,
-                    }
+                    Array [
+                      Object {},
+                      Object {},
+                    ]
                   }
                 >
-                  Events and Hospitality Industries Urged to Harness the Power of Digital Transformation to Thrive in 2021 and Beyond
+                  <Text
+                    allowFontScaling={true}
+                    style={
+                      Object {
+                        "color": "#333333",
+                        "fontFamily": "sans",
+                        "fontSize": 13,
+                        "lineHeight": 16.25,
+                      }
+                    }
+                  >
+                    Events and Hospitality Industries Urged to Harness the Power of Digital Transformation to Thrive in 2021 and Beyond
+                  </Text>
                 </Text>
-              </Text>
-            </View>
-            <View
-              style={
-                Object {
-                  "alignItems": "center",
-                  "flexDirection": "row",
-                  "paddingBottom": 10,
-                  "paddingTop": 5,
-                }
-              }
-            >
-              <Text />
-              <Text
-                style={
-                  Object {
-                    "color": "#872232",
-                    "fontFamily": "sans",
-                    "fontSize": 10,
-                    "marginLeft": 5,
-                  }
-                }
-              >
-                10. November 2020
-              </Text>
-            </View>
-            <View
-              accessible={true}
-              focusable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              style={
-                Object {
-                  "opacity": 1,
-                }
-              }
-              testID="button"
-            >
+              </View>
               <View
                 style={
                   Object {
-                    "backgroundColor": "#872232",
-                    "borderRadius": 4,
-                    "paddingHorizontal": 15,
-                    "paddingVertical": 2,
+                    "alignItems": "center",
+                    "flexDirection": "row",
+                    "paddingBottom": 10,
+                    "paddingTop": 5,
                   }
                 }
               >
+                <Text />
                 <Text
                   style={
                     Object {
-                      "color": "white",
-                      "fontFamily": "sans-bold",
-                      "fontSize": 12,
-                      "textTransform": "uppercase",
+                      "color": "#872232",
+                      "fontFamily": "sans",
+                      "fontSize": 10,
+                      "lineHeight": 22.5,
+                      "marginLeft": 5,
                     }
                   }
-                  testID="text-output"
                 >
-                  Details
+                  10. November 2020
                 </Text>
               </View>
             </View>
diff --git a/src/components/Settings/__tests__/__snapshots__/LegalList.test.tsx.snap b/src/components/Settings/__tests__/__snapshots__/LegalList.test.tsx.snap
index 9742b96..6ecd311 100644
--- a/src/components/Settings/__tests__/__snapshots__/LegalList.test.tsx.snap
+++ b/src/components/Settings/__tests__/__snapshots__/LegalList.test.tsx.snap
@@ -58,6 +58,8 @@ exports[`<LegalList /> renders correctly 1`] = `
               Object {
                 "color": "#333333",
                 "fontFamily": "sans",
+                "fontSize": 15,
+                "lineHeight": 22.5,
               }
             }
           >
@@ -116,6 +118,8 @@ exports[`<LegalList /> renders correctly 1`] = `
               Object {
                 "color": "#333333",
                 "fontFamily": "sans",
+                "fontSize": 15,
+                "lineHeight": 22.5,
               }
             }
           >
@@ -160,6 +164,8 @@ exports[`<LegalList /> renders correctly 1`] = `
           Object {
             "color": "#333333",
             "fontFamily": "sans",
+            "fontSize": 15,
+            "lineHeight": 22.5,
           }
         }
       >
diff --git a/src/components/Settings/__tests__/__snapshots__/SettingsList.test.tsx.snap b/src/components/Settings/__tests__/__snapshots__/SettingsList.test.tsx.snap
index cbfbaf7..e263da1 100644
--- a/src/components/Settings/__tests__/__snapshots__/SettingsList.test.tsx.snap
+++ b/src/components/Settings/__tests__/__snapshots__/SettingsList.test.tsx.snap
@@ -28,6 +28,8 @@ exports[`<SettingsList /> renders correctly 1`] = `
         Object {
           "color": "#333333",
           "fontFamily": "sans",
+          "fontSize": 15,
+          "lineHeight": 22.5,
         }
       }
     >
diff --git a/src/components/UI/Button.tsx b/src/components/UI/Button.tsx
deleted file mode 100644
index f227398..0000000
--- a/src/components/UI/Button.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react'
-import { GestureResponderEvent, StyleSheet, TextStyle, View, ViewStyle } from 'react-native'
-
-import Touchable from '@components/UI/Touchable'
-import Text from '@components/UI/Text'
-import { colors, fonts } from '@styles/theme'
-
-interface Props {
-  onPress: (event: GestureResponderEvent) => void
-  title: string
-  style?: ViewStyle
-  textStyle?: TextStyle
-  testID?: string
-}
-
-const Button: React.FC<Props> = ({ onPress, title, style, textStyle, testID }) => {
-  return (
-    <Touchable onPress={onPress} testID={testID}>
-      <View style={{ ...styles.container, ...style }}>
-        <Text style={{ ...styles.text, ...textStyle }} testID="text-output">
-          {title}
-        </Text>
-      </View>
-    </Touchable>
-  )
-}
-
-interface Styles {
-  container: ViewStyle
-  text: TextStyle
-}
-
-const styles = StyleSheet.create<Styles>({
-  container: {
-    backgroundColor: colors.accentColor,
-    paddingHorizontal: 15,
-    paddingVertical: 2,
-    borderRadius: 4,
-  },
-  text: {
-    color: 'white',
-    textTransform: 'uppercase',
-    fontFamily: fonts.sansBold,
-  },
-})
-
-export default Button
diff --git a/src/components/UI/__tests__/Button.test.tsx b/src/components/UI/__tests__/Button.test.tsx
deleted file mode 100644
index 74bc9e6..0000000
--- a/src/components/UI/__tests__/Button.test.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
-import React from 'react'
-import { render } from '@testing-library/react-native'
-
-import Button from '../Button'
-
-const titleMock = 'Button title'
-
-describe('<Button />', () => {
-  it('renders correctly', () => {
-    const { toJSON } = render(<Button title={titleMock} onPress={() => {}} />)
-    expect(toJSON()).toMatchSnapshot()
-  })
-
-  it('has no image and renders a View with three texts instead', () => {
-    const { getByTestId } = render(<Button title={titleMock} onPress={() => {}} />)
-    expect(getByTestId('text-output')).toHaveTextContent(titleMock)
-  })
-})
diff --git a/src/components/UI/__tests__/__snapshots__/Button.test.tsx.snap b/src/components/UI/__tests__/__snapshots__/Button.test.tsx.snap
deleted file mode 100644
index bb20b79..0000000
--- a/src/components/UI/__tests__/__snapshots__/Button.test.tsx.snap
+++ /dev/null
@@ -1,44 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<Button /> renders correctly 1`] = `
-<View
-  accessible={true}
-  focusable={true}
-  onClick={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    Object {
-      "opacity": 1,
-    }
-  }
->
-  <View
-    style={
-      Object {
-        "backgroundColor": "#872232",
-        "borderRadius": 4,
-        "paddingHorizontal": 15,
-        "paddingVertical": 2,
-      }
-    }
-  >
-    <Text
-      style={
-        Object {
-          "color": "white",
-          "fontFamily": "sans-bold",
-          "textTransform": "uppercase",
-        }
-      }
-      testID="text-output"
-    >
-      Button title
-    </Text>
-  </View>
-</View>
-`;
diff --git a/src/components/UI/__tests__/__snapshots__/Text.test.tsx.snap b/src/components/UI/__tests__/__snapshots__/Text.test.tsx.snap
index e2bec5c..6e0a2dd 100644
--- a/src/components/UI/__tests__/__snapshots__/Text.test.tsx.snap
+++ b/src/components/UI/__tests__/__snapshots__/Text.test.tsx.snap
@@ -6,6 +6,8 @@ exports[`<Text /> renders correctly 1`] = `
     Object {
       "color": "#333333",
       "fontFamily": "sans",
+      "fontSize": 15,
+      "lineHeight": 22.5,
     }
   }
 />
diff --git a/src/screens/ArticleScreen.tsx b/src/screens/ArticleScreen.tsx
index 95ba7a7..7621abe 100644
--- a/src/screens/ArticleScreen.tsx
+++ b/src/screens/ArticleScreen.tsx
@@ -1,16 +1,5 @@
 import React, { useEffect, useState } from 'react'
-import {
-  Dimensions,
-  // TODO: Maybe add an additional image above the content (there are more parts belong to this)
-  // Image,
-  // ImageStyle,
-  Linking,
-  ScrollView,
-  StyleSheet,
-  TextStyle,
-  View,
-  ViewStyle,
-} from 'react-native'
+import { Dimensions, Linking, ScrollView, StyleSheet, TextStyle, View, ViewStyle } from 'react-native'
 import { RouteProp, useRoute } from '@react-navigation/native'
 import HTML from 'react-native-render-html'
 import { Ionicons } from '@expo/vector-icons'
@@ -22,7 +11,7 @@ import { CategoriesStackParamList } from '@navigations/CategoriesNavigator'
 import { fetchPostAsync } from '@utils/api'
 import { getLocaleLongDate } from '@utils/date-time'
 import { Article } from '@models/article'
-import { colors, DefaultStyles, defaultStyles, fonts, htmlBodyTagStyles } from '@styles/theme'
+import { colors, DefaultStyles, defaultStyles, fonts, htmlBodyClassesStyles, htmlBodyTagStyles } from '@styles/theme'
 
 const ArticleScreen: React.FC = () => {
   const route = useRoute<RouteProp<HomeStackParamList | CategoriesStackParamList, 'ArticleScreen'>>()
@@ -66,13 +55,11 @@ const ArticleScreen: React.FC = () => {
               <Text style={styles.date}>{getLocaleLongDate(new Date(article.date_gmt || Date.now.toString()))}</Text>
             </View>
             <HTML baseFontStyle={styles.teaser} html={article.excerpt.rendered} />
-            {/* <View style={styles.imageContainer}>
-              <Image style={styles.image} source={{ uri: article.featured_image_medium }} />
-            </View> */}
             <HTML
               containerStyle={styles.htmlContainer}
               baseFontStyle={styles.text}
               tagsStyles={htmlBodyTagStyles}
+              classesStyles={htmlBodyClassesStyles}
               html={article.content.rendered}
               ignoredStyles={['height', 'width']}
               imagesMaxWidth={Dimensions.get('window').width - 30}
@@ -90,8 +77,6 @@ interface Styles extends DefaultStyles {
   category: TextStyle
   titleContainer: ViewStyle
   teaser: TextStyle
-  // imageContainer: ViewStyle
-  // image: ImageStyle
   htmlContainer: ViewStyle
 }
 
@@ -122,15 +107,8 @@ const styles = StyleSheet.create<Styles>({
   teaser: {
     color: colors.accentColor,
     fontSize: 18,
+    lineHeight: 18 * 1.5,
   },
-  // imageContainer: {
-  //   height: Dimensions.get('screen').width,
-  //   borderRadius: 10,
-  // },
-  // image: {
-  //   flex: 1,
-  //   borderRadius: 15,
-  // },
   htmlContainer: {
     paddingBottom: 15,
   },
diff --git a/src/screens/__tests__/ArticleScreen.test.tsx b/src/screens/__tests__/ArticleScreen.test.tsx
index 6a6dec9..5fcd8fd 100644
--- a/src/screens/__tests__/ArticleScreen.test.tsx
+++ b/src/screens/__tests__/ArticleScreen.test.tsx
@@ -14,7 +14,7 @@ jest.mock('@react-navigation/native', () => {
   }
 })
 
-describe('<Button />', () => {
+describe('<ArticleScreen />', () => {
   // TODO: Add the tests
   it('renders correctly', () => {
     //   const { toJSON } = render(<ArticleScreen />)
diff --git a/src/screens/__tests__/ArticlesOverviewScreen.test.tsx b/src/screens/__tests__/ArticlesOverviewScreen.test.tsx
index f6bacab..f48ced9 100644
--- a/src/screens/__tests__/ArticlesOverviewScreen.test.tsx
+++ b/src/screens/__tests__/ArticlesOverviewScreen.test.tsx
@@ -14,7 +14,7 @@ jest.mock('@react-navigation/native', () => {
   }
 })
 
-describe('<Button />', () => {
+describe('<ArticlesOverviewScreen />', () => {
   // TODO: Add the tests
   it('renders correctly', () => {
     //   const { toJSON } = render(<ArticlesOverviewScreen />)
diff --git a/src/screens/__tests__/CategoriesOverviewScreen.test.tsx b/src/screens/__tests__/CategoriesOverviewScreen.test.tsx
index 45c2a9e..aab4aaf 100644
--- a/src/screens/__tests__/CategoriesOverviewScreen.test.tsx
+++ b/src/screens/__tests__/CategoriesOverviewScreen.test.tsx
@@ -15,7 +15,7 @@ jest.mock('@react-navigation/native', () => {
   }
 })
 
-describe('<Button />', () => {
+describe('<CategoriesOverviewScreen />', () => {
   it('renders correctly', () => {
     // const { toJSON } = render(<CategoriesOverviewScreen />)
     // expect(toJSON()).toMatchSnapshot()
diff --git a/src/styles/theme.ts b/src/styles/theme.ts
index 788e588..6e59f34 100644
--- a/src/styles/theme.ts
+++ b/src/styles/theme.ts
@@ -14,6 +14,11 @@ export const fonts = {
   serifBold: 'serif-bold',
 }
 
+export const htmlBodyClassesStyles: HTML.StylesDictionary = {
+  'post-tslideshow-nav-outer': { display: 'none' },
+  'post-tslideshow-nav-outer-bottom': { display: 'none' },
+}
+
 export const htmlBodyTagStyles: HTML.StylesDictionary = {
   a: {
     color: colors.accentColor,
@@ -54,6 +59,8 @@ export const defaultStyles = StyleSheet.create<DefaultStyles>({
   },
   text: {
     fontFamily: fonts.sans,
+    fontSize: 15,
+    lineHeight: 15 * 1.5,
     color: colors.primaryColor,
   },
   dateContainer: {
