From 0fdf1de7801343d6d32bcee2c69838b890d08322 Mon Sep 17 00:00:00 2001
From: Aditya Pawar <apawar@berkeley.edu>
Date: Sun, 21 Apr 2024 22:24:39 -0700
Subject: [PATCH] Fix small styling bugs

---
 src/app/(tabs)/home/index.tsx | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/app/(tabs)/home/index.tsx b/src/app/(tabs)/home/index.tsx
index 8a7284f..911f8a5 100644
--- a/src/app/(tabs)/home/index.tsx
+++ b/src/app/(tabs)/home/index.tsx
@@ -150,15 +150,20 @@ function HomeScreen() {
 
         {featuredStories.length > 0 && (
           <View>
-            <Text style={[globalStyles.h2]}>Featured Stories</Text>
-            {featuredStoriesDescription != null &&
-              featuredStoriesDescription.length > 0 && (
-                <>
-                  <Text style={[globalStyles.h3, { paddingVertical: 16 }]}>{featuredStoriesHeader}</Text>
-                  <Text style={[globalStyles.body1, styles.featuredDescription]}>
-                    {featuredStoriesDescription}
-                  </Text>
-                </>
+            <Text style={[globalStyles.h2, { paddingBottom: 16 }]}>
+              Featured Stories
+            </Text>
+            {featuredStoriesHeader != null && featuredStoriesHeader != '' && (
+              <Text style={[globalStyles.h3, { paddingBottom: 16 }]}>
+                {featuredStoriesHeader}
+              </Text>
+            )}
+            {featuredStoriesHeader != '' &&
+              featuredStoriesDescription != null &&
+              featuredStoriesDescription != '' && (
+                <Text style={[globalStyles.body1, styles.featuredDescription]}>
+                  {featuredStoriesDescription}
+                </Text>
               )}
             <View style={{ marginRight: 24 }}>
               {featuredStories.map(story => (