diff --git a/packages/apollos-ui-connected/src/ActionListFeatureConnected/ActionListFeature/__snapshots__/ActionListFeature.tests.js.snap b/packages/apollos-ui-connected/src/ActionListFeatureConnected/ActionListFeature/__snapshots__/ActionListFeature.tests.js.snap
index de94bf499..d65443f54 100644
--- a/packages/apollos-ui-connected/src/ActionListFeatureConnected/ActionListFeature/__snapshots__/ActionListFeature.tests.js.snap
+++ b/packages/apollos-ui-connected/src/ActionListFeatureConnected/ActionListFeature/__snapshots__/ActionListFeature.tests.js.snap
@@ -52,7 +52,13 @@ exports[`The ActionListFeatures component should render 1`] = `
           }
         }
       >
-        <View />
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        />
         <View
           style={
             Object {
@@ -385,7 +391,13 @@ exports[`The ActionListFeatures component should render a button for onPressActi
           }
         }
       >
-        <View />
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        />
         <View
           style={
             Object {
@@ -778,7 +790,13 @@ exports[`The ActionListFeatures component should render a loading state for isLo
           }
         }
       >
-        <View />
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        />
         <View
           style={
             Object {
@@ -991,7 +1009,13 @@ exports[`The ActionListFeatures component should render with a subtitle 1`] = `
           }
         }
       >
-        <View>
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        >
           <Text
             secondary={true}
             style={
@@ -1338,7 +1362,13 @@ exports[`The ActionListFeatures component should render with a title 1`] = `
           }
         }
       >
-        <View>
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        >
           <Text
             primary={true}
             style={
diff --git a/packages/apollos-ui-connected/src/ActionListFeatureConnected/__snapshots__/ActionListFeatureConnected.tests.js.snap b/packages/apollos-ui-connected/src/ActionListFeatureConnected/__snapshots__/ActionListFeatureConnected.tests.js.snap
index f53b2a260..ea350b6d1 100644
--- a/packages/apollos-ui-connected/src/ActionListFeatureConnected/__snapshots__/ActionListFeatureConnected.tests.js.snap
+++ b/packages/apollos-ui-connected/src/ActionListFeatureConnected/__snapshots__/ActionListFeatureConnected.tests.js.snap
@@ -42,7 +42,13 @@ exports[`The ActionListFeatureConnected component should render 1`] = `
           }
         }
       >
-        <View>
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        >
           <Text
             secondary={true}
             style={
@@ -256,7 +262,13 @@ exports[`The ActionListFeatureConnected component should render a loading state
           }
         }
       >
-        <View />
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        />
         <View
           style={
             Object {
diff --git a/packages/apollos-ui-connected/src/CampaignItemListFeature/__snapshots__/CampaignItemListFeature.tests.js.snap b/packages/apollos-ui-connected/src/CampaignItemListFeature/__snapshots__/CampaignItemListFeature.tests.js.snap
index 816387383..acbb09109 100644
--- a/packages/apollos-ui-connected/src/CampaignItemListFeature/__snapshots__/CampaignItemListFeature.tests.js.snap
+++ b/packages/apollos-ui-connected/src/CampaignItemListFeature/__snapshots__/CampaignItemListFeature.tests.js.snap
@@ -329,7 +329,13 @@ exports[`The CampaignItemListFeature component should render a loading state for
           }
           vertical={false}
         >
-          <View />
+          <View
+            style={
+              Object {
+                "flexShrink": 1,
+              }
+            }
+          />
         </View>
       </View>
       <View
@@ -623,7 +629,13 @@ exports[`The CampaignItemListFeature component should render a section title 1`]
           }
           vertical={false}
         >
-          <View>
+          <View
+            style={
+              Object {
+                "flexShrink": 1,
+              }
+            }
+          >
             <Text
               primary={true}
               style={
@@ -912,7 +924,13 @@ exports[`The CampaignItemListFeature component should render with a subtitle 1`]
           }
           vertical={false}
         >
-          <View>
+          <View
+            style={
+              Object {
+                "flexShrink": 1,
+              }
+            }
+          >
             <Text
               secondary={true}
               style={
diff --git a/packages/apollos-ui-connected/src/ConnectScreenConnected/__snapshots__/ConnectScreenConnected.tests.js.snap b/packages/apollos-ui-connected/src/ConnectScreenConnected/__snapshots__/ConnectScreenConnected.tests.js.snap
index e5e0ff69d..6dcb6f205 100644
--- a/packages/apollos-ui-connected/src/ConnectScreenConnected/__snapshots__/ConnectScreenConnected.tests.js.snap
+++ b/packages/apollos-ui-connected/src/ConnectScreenConnected/__snapshots__/ConnectScreenConnected.tests.js.snap
@@ -328,7 +328,13 @@ exports[`import ConnectScreenConnected component renders ConnectScreenConnected
                                   }
                                 }
                               >
-                                <View>
+                                <View
+                                  style={
+                                    Object {
+                                      "flexShrink": 1,
+                                    }
+                                  }
+                                >
                                   <Text
                                     secondary={true}
                                     style={
@@ -1394,7 +1400,13 @@ exports[`import ConnectScreenConnected component renders ConnectScreenConnected
                                   }
                                 }
                               >
-                                <View>
+                                <View
+                                  style={
+                                    Object {
+                                      "flexShrink": 1,
+                                    }
+                                  }
+                                >
                                   <Text
                                     secondary={true}
                                     style={
diff --git a/packages/apollos-ui-connected/src/FollowListConnected/__snapshots__/FollowingListConnected.tests.js.snap b/packages/apollos-ui-connected/src/FollowListConnected/__snapshots__/FollowingListConnected.tests.js.snap
index 9d521eadb..ecbf9ae27 100644
--- a/packages/apollos-ui-connected/src/FollowListConnected/__snapshots__/FollowingListConnected.tests.js.snap
+++ b/packages/apollos-ui-connected/src/FollowListConnected/__snapshots__/FollowingListConnected.tests.js.snap
@@ -33,7 +33,13 @@ exports[`The FollowingListConnected component should render with data 1`] = `
         }
       }
     >
-      <View>
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      >
         <Text
           secondary={true}
           style={
diff --git a/packages/apollos-ui-connected/src/FollowListConnected/__snapshots__/RequestedFollowListConnected.tests.js.snap b/packages/apollos-ui-connected/src/FollowListConnected/__snapshots__/RequestedFollowListConnected.tests.js.snap
index e8680564b..d43768041 100644
--- a/packages/apollos-ui-connected/src/FollowListConnected/__snapshots__/RequestedFollowListConnected.tests.js.snap
+++ b/packages/apollos-ui-connected/src/FollowListConnected/__snapshots__/RequestedFollowListConnected.tests.js.snap
@@ -33,7 +33,13 @@ exports[`The RequestedFollowListConnected component should render with data 1`]
         }
       }
     >
-      <View>
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      >
         <Text
           secondary={true}
           style={
diff --git a/packages/apollos-ui-connected/src/FollowListConnected/__snapshots__/SuggestedFollowListConnected.tests.js.snap b/packages/apollos-ui-connected/src/FollowListConnected/__snapshots__/SuggestedFollowListConnected.tests.js.snap
index c5d760b24..c182d3683 100644
--- a/packages/apollos-ui-connected/src/FollowListConnected/__snapshots__/SuggestedFollowListConnected.tests.js.snap
+++ b/packages/apollos-ui-connected/src/FollowListConnected/__snapshots__/SuggestedFollowListConnected.tests.js.snap
@@ -33,7 +33,13 @@ exports[`The SuggestedFollowListConnected component should render with data 1`]
         }
       }
     >
-      <View>
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      >
         <Text
           secondary={true}
           style={
diff --git a/packages/apollos-ui-connected/src/HeroListFeatureConnected/HeroListFeature/__snapshots__/HeroListFeature.tests.js.snap b/packages/apollos-ui-connected/src/HeroListFeatureConnected/HeroListFeature/__snapshots__/HeroListFeature.tests.js.snap
index 5e1e718d4..932c7bf0c 100644
--- a/packages/apollos-ui-connected/src/HeroListFeatureConnected/HeroListFeature/__snapshots__/HeroListFeature.tests.js.snap
+++ b/packages/apollos-ui-connected/src/HeroListFeatureConnected/HeroListFeature/__snapshots__/HeroListFeature.tests.js.snap
@@ -611,7 +611,13 @@ exports[`The HeroListFeatures component should render a loading state for isLoad
       }
     }
   >
-    <View />
+    <View
+      style={
+        Object {
+          "flexShrink": 1,
+        }
+      }
+    />
     <View
       style={
         Object {
@@ -900,7 +906,13 @@ exports[`The HeroListFeatures component should render with a subtitle 1`] = `
       }
     }
   >
-    <View>
+    <View
+      style={
+        Object {
+          "flexShrink": 1,
+        }
+      }
+    >
       <Text
         secondary={true}
         style={
@@ -1220,7 +1232,13 @@ exports[`The HeroListFeatures component should render with a title 1`] = `
       }
     }
   >
-    <View>
+    <View
+      style={
+        Object {
+          "flexShrink": 1,
+        }
+      }
+    >
       <Text
         primary={true}
         style={
diff --git a/packages/apollos-ui-connected/src/HeroListFeatureConnected/__snapshots__/HeroListFeatureConnected.tests.js.snap b/packages/apollos-ui-connected/src/HeroListFeatureConnected/__snapshots__/HeroListFeatureConnected.tests.js.snap
index 217858ae8..da441685b 100644
--- a/packages/apollos-ui-connected/src/HeroListFeatureConnected/__snapshots__/HeroListFeatureConnected.tests.js.snap
+++ b/packages/apollos-ui-connected/src/HeroListFeatureConnected/__snapshots__/HeroListFeatureConnected.tests.js.snap
@@ -27,7 +27,13 @@ exports[`The HeroListFeatureConnected component should render 1`] = `
       }
     }
   >
-    <View>
+    <View
+      style={
+        Object {
+          "flexShrink": 1,
+        }
+      }
+    >
       <Text
         secondary={true}
         style={
@@ -422,7 +428,13 @@ exports[`The HeroListFeatureConnected component should render a loading state wh
       }
     }
   >
-    <View />
+    <View
+      style={
+        Object {
+          "flexShrink": 1,
+        }
+      }
+    />
     <View
       style={
         Object {
@@ -711,7 +723,13 @@ exports[`The HeroListFeatureConnected component should render without a hero car
       }
     }
   >
-    <View>
+    <View
+      style={
+        Object {
+          "flexShrink": 1,
+        }
+      }
+    >
       <Text
         secondary={true}
         style={
@@ -897,7 +915,13 @@ exports[`The HeroListFeatureConnected component should render without actions 1`
       }
     }
   >
-    <View>
+    <View
+      style={
+        Object {
+          "flexShrink": 1,
+        }
+      }
+    >
       <Text
         secondary={true}
         style={
diff --git a/packages/apollos-ui-connected/src/HorizontalCardListFeatureConnected/HorizontalCardListFeature/__snapshots__/HorizontalCardListFeature.tests.js.snap b/packages/apollos-ui-connected/src/HorizontalCardListFeatureConnected/HorizontalCardListFeature/__snapshots__/HorizontalCardListFeature.tests.js.snap
index 3545ae175..bf358fe82 100644
--- a/packages/apollos-ui-connected/src/HorizontalCardListFeatureConnected/HorizontalCardListFeature/__snapshots__/HorizontalCardListFeature.tests.js.snap
+++ b/packages/apollos-ui-connected/src/HorizontalCardListFeatureConnected/HorizontalCardListFeature/__snapshots__/HorizontalCardListFeature.tests.js.snap
@@ -767,7 +767,13 @@ exports[`The HorizontalCardListFeature component should render a loading state f
         }
       }
     >
-      <View />
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      />
       <View
         accessible={true}
         focusable={true}
@@ -1828,7 +1834,13 @@ exports[`The HorizontalCardListFeature component should render a section title 1
         }
       }
     >
-      <View>
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      >
         <Text
           primary={true}
           style={
@@ -2602,7 +2614,13 @@ exports[`The HorizontalCardListFeature component should render with a section su
         }
       }
     >
-      <View>
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      >
         <Text
           secondary={true}
           style={
diff --git a/packages/apollos-ui-connected/src/HorizontalCardListFeatureConnected/__snapshots__/HorizontalCardListFeatureConnected.tests.js.snap b/packages/apollos-ui-connected/src/HorizontalCardListFeatureConnected/__snapshots__/HorizontalCardListFeatureConnected.tests.js.snap
index c39fd50ca..7d4aeac0d 100644
--- a/packages/apollos-ui-connected/src/HorizontalCardListFeatureConnected/__snapshots__/HorizontalCardListFeatureConnected.tests.js.snap
+++ b/packages/apollos-ui-connected/src/HorizontalCardListFeatureConnected/__snapshots__/HorizontalCardListFeatureConnected.tests.js.snap
@@ -31,7 +31,13 @@ exports[`The HorizontalCardListFeatureConnected component should render 1`] = `
         }
       }
     >
-      <View>
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      >
         <Text
           secondary={true}
           style={
@@ -374,7 +380,13 @@ exports[`The HorizontalCardListFeatureConnected component should render a loadin
         }
       }
     >
-      <View />
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      />
       <View
         accessible={true}
         focusable={true}
diff --git a/packages/apollos-ui-connected/src/HorizontalLikedContentFeedConnected/HorizontalLikedContentFeed/__snapshots__/HorizontalLikedContentFeed.tests.js.snap b/packages/apollos-ui-connected/src/HorizontalLikedContentFeedConnected/HorizontalLikedContentFeed/__snapshots__/HorizontalLikedContentFeed.tests.js.snap
index 167d11f12..d158cb21b 100644
--- a/packages/apollos-ui-connected/src/HorizontalLikedContentFeedConnected/HorizontalLikedContentFeed/__snapshots__/HorizontalLikedContentFeed.tests.js.snap
+++ b/packages/apollos-ui-connected/src/HorizontalLikedContentFeedConnected/HorizontalLikedContentFeed/__snapshots__/HorizontalLikedContentFeed.tests.js.snap
@@ -28,7 +28,13 @@ exports[`HorizontalLikedContentFeed renders a HorizontalLikedContentFeed 1`] = `
         }
       }
     >
-      <View>
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      >
         <Text
           secondary={true}
           style={
@@ -430,7 +436,13 @@ exports[`HorizontalLikedContentFeed renders a loading state 1`] = `
         }
       }
     >
-      <View>
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      >
         <Text
           secondary={true}
           style={
diff --git a/packages/apollos-ui-connected/src/VerticalCardListFeatureConnected/VerticalCardListFeature/__snapshots__/VerticalCardListFeature.tests.js.snap b/packages/apollos-ui-connected/src/VerticalCardListFeatureConnected/VerticalCardListFeature/__snapshots__/VerticalCardListFeature.tests.js.snap
index 74fdf2167..a28879ec0 100644
--- a/packages/apollos-ui-connected/src/VerticalCardListFeatureConnected/VerticalCardListFeature/__snapshots__/VerticalCardListFeature.tests.js.snap
+++ b/packages/apollos-ui-connected/src/VerticalCardListFeatureConnected/VerticalCardListFeature/__snapshots__/VerticalCardListFeature.tests.js.snap
@@ -291,7 +291,13 @@ exports[`The VerticalCardListFeature component should render a loading state for
         }
       }
     >
-      <View />
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      />
     </View>
     <RCTScrollView
       data={
@@ -2649,7 +2655,13 @@ exports[`The VerticalCardListFeature component should render a section title 1`]
         }
       }
     >
-      <View>
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      >
         <Text
           primary={true}
           style={
@@ -2947,7 +2959,13 @@ exports[`The VerticalCardListFeature component should render with a subtitle 1`]
         }
       }
     >
-      <View>
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      >
         <Text
           secondary={true}
           style={
diff --git a/packages/apollos-ui-connected/src/VerticalCardListFeatureConnected/__snapshots__/VerticalCardListFeatureConnected.tests.js.snap b/packages/apollos-ui-connected/src/VerticalCardListFeatureConnected/__snapshots__/VerticalCardListFeatureConnected.tests.js.snap
index 97196ad4b..ad57da495 100644
--- a/packages/apollos-ui-connected/src/VerticalCardListFeatureConnected/__snapshots__/VerticalCardListFeatureConnected.tests.js.snap
+++ b/packages/apollos-ui-connected/src/VerticalCardListFeatureConnected/__snapshots__/VerticalCardListFeatureConnected.tests.js.snap
@@ -39,7 +39,13 @@ exports[`The VerticalCardListFeatureConnected component should render 1`] = `
         }
       }
     >
-      <View>
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      >
         <Text
           secondary={true}
           style={
@@ -422,7 +428,13 @@ exports[`The VerticalCardListFeatureConnected component should render a featured
           }
           vertical={false}
         >
-          <View />
+          <View
+            style={
+              Object {
+                "flexShrink": 1,
+              }
+            }
+          />
         </View>
       </View>
       <View
@@ -657,7 +669,13 @@ exports[`The VerticalCardListFeatureConnected component should render a loading
         }
       }
     >
-      <View />
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      />
     </View>
     <RCTScrollView
       data={
@@ -3076,7 +3094,13 @@ exports[`The VerticalCardListFeatureConnected component should render as a featu
           }
           vertical={false}
         >
-          <View>
+          <View
+            style={
+              Object {
+                "flexShrink": 1,
+              }
+            }
+          >
             <Text
               secondary={true}
               style={
diff --git a/packages/apollos-ui-kit/src/FeatureTitles/__snapshots__/FeatureTitles.tests.js.snap b/packages/apollos-ui-kit/src/FeatureTitles/__snapshots__/FeatureTitles.tests.js.snap
index 8055240bc..721af9449 100644
--- a/packages/apollos-ui-kit/src/FeatureTitles/__snapshots__/FeatureTitles.tests.js.snap
+++ b/packages/apollos-ui-kit/src/FeatureTitles/__snapshots__/FeatureTitles.tests.js.snap
@@ -29,6 +29,7 @@ exports[`FeatureTitles should pass style 1`] = `
     style={
       Object {
         "backgroundColor": "red",
+        "flexShrink": 1,
       }
     }
   />
@@ -60,7 +61,13 @@ exports[`FeatureTitles should render 1`] = `
       ]
     }
   />
-  <View>
+  <View
+    style={
+      Object {
+        "flexShrink": 1,
+      }
+    }
+  >
     <Text
       secondary={true}
       style={
@@ -116,6 +123,12 @@ exports[`FeatureTitles should render loading state 1`] = `
       ]
     }
   />
-  <View />
+  <View
+    style={
+      Object {
+        "flexShrink": 1,
+      }
+    }
+  />
 </View>
 `;
diff --git a/packages/apollos-ui-kit/src/FeatureTitles/index.js b/packages/apollos-ui-kit/src/FeatureTitles/index.js
index 44592cfe9..274937cc8 100644
--- a/packages/apollos-ui-kit/src/FeatureTitles/index.js
+++ b/packages/apollos-ui-kit/src/FeatureTitles/index.js
@@ -3,9 +3,14 @@ import PropTypes from 'prop-types';
 import { View } from 'react-native';
 
 import { H3, H4 } from '../typography';
-import { named } from '../theme';
+import styled from '../styled/index';
 
-const Container = named('ui-kit.FeatureTitles.Container')(View);
+const Container = styled(
+  {
+    flexShrink: 1,
+  },
+  'ui-kit.FeatureTitles.Container'
+)(View);
 
 /**
  * FeatureTitles
diff --git a/packages/apollos-ui-prayer/src/PrayerFeature/__snapshots__/PrayerFeature.tests.js.snap b/packages/apollos-ui-prayer/src/PrayerFeature/__snapshots__/PrayerFeature.tests.js.snap
index 471afa610..f77788fb0 100644
--- a/packages/apollos-ui-prayer/src/PrayerFeature/__snapshots__/PrayerFeature.tests.js.snap
+++ b/packages/apollos-ui-prayer/src/PrayerFeature/__snapshots__/PrayerFeature.tests.js.snap
@@ -58,7 +58,13 @@ exports[`The PrayerFeature component should accept an onPressAdd function 1`] =
           }
         }
       >
-        <View>
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        >
           <Text
             secondary={true}
             style={
@@ -1177,7 +1183,13 @@ exports[`The PrayerFeature component should accept an onPressAvatar function 1`]
           }
         }
       >
-        <View>
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        >
           <Text
             secondary={true}
             style={
@@ -2025,7 +2037,13 @@ exports[`The PrayerFeature component should render 1`] = `
           }
         }
       >
-        <View>
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        >
           <Text
             secondary={true}
             style={
@@ -2874,7 +2892,13 @@ exports[`The PrayerFeature component should render a loading state 1`] = `
           }
         }
       >
-        <View>
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        >
           <Text
             secondary={true}
             style={
@@ -3710,7 +3734,13 @@ exports[`The PrayerFeature component should render a loading state without a \`C
       }
     }
   >
-    <View>
+    <View
+      style={
+        Object {
+          "flexShrink": 1,
+        }
+      }
+    >
       <Text
         secondary={true}
         style={
@@ -4495,7 +4525,13 @@ exports[`The PrayerFeature component should render with a custom subtitle 1`] =
           }
         }
       >
-        <View>
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        >
           <Text
             secondary={true}
             style={
@@ -5343,7 +5379,13 @@ exports[`The PrayerFeature component should render with a title 1`] = `
           }
         }
       >
-        <View>
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        >
           <Text
             secondary={true}
             style={
@@ -6179,7 +6221,13 @@ exports[`The PrayerFeature component should render without a \`Card\` border 1`]
       }
     }
   >
-    <View>
+    <View
+      style={
+        Object {
+          "flexShrink": 1,
+        }
+      }
+    >
       <Text
         secondary={true}
         style={