diff --git a/app/internal_packages/contacts/lib/ContactPerspectivesList.tsx b/app/internal_packages/contacts/lib/ContactPerspectivesList.tsx
index b943f191f..1ece67352 100644
--- a/app/internal_packages/contacts/lib/ContactPerspectivesList.tsx
+++ b/app/internal_packages/contacts/lib/ContactPerspectivesList.tsx
@@ -171,7 +171,7 @@ const ContactsPerspectivesWithData: React.FunctionComponent<ContactsPerspectives
   onSelect,
 }) => (
   <ScrollRegion style={{ flex: 1 }} className="contacts-perspective-list">
-    <section className="outline-view" style={{ paddingTop: 15 }}>
+    <section className="outline-view nylas-outline-view" style={{ paddingTop: 15 }}>
       <OutlineViewItem
         item={{
           id: 'bla',
diff --git a/app/src/components/outline-view.tsx b/app/src/components/outline-view.tsx
index 6442c5fbf..9459463c3 100644
--- a/app/src/components/outline-view.tsx
+++ b/app/src/components/outline-view.tsx
@@ -225,7 +225,7 @@ export class OutlineView extends Component<OutlineViewProps, OutlineViewState> {
     const allowCreate = this.props.onItemCreated != null && !collapsed;
 
     return (
-      <section className="outline-view">
+      <section className="outline-view nylas-outline-view">
         {this._renderHeading(allowCreate, collapsed, collapsible)}
         {this._renderOutline(allowCreate, collapsed)}
       </section>