diff --git a/src/routes/Library/Library.js b/src/routes/Library/Library.js
index 4562a6220..b60d92bab 100644
--- a/src/routes/Library/Library.js
+++ b/src/routes/Library/Library.js
@@ -5,7 +5,7 @@ const styles = require('./styles');
 class Library extends React.Component {
     render() {
         return (
-            <React.Fragment>
+            <div className={styles['library-container']}>
                 <NavBar
                     backButton={false}
                     tabs={[
@@ -17,8 +17,8 @@ class Library extends React.Component {
                     searchBar={true}
                     userMenu={true}
                 />
-                <div className={styles['library-container']} />
-            </React.Fragment>
+                <div className={styles['library-content']} />
+            </div>
         );
     }
 }
diff --git a/src/routes/Library/styles.less b/src/routes/Library/styles.less
index 2648176b9..67b751576 100644
--- a/src/routes/Library/styles.less
+++ b/src/routes/Library/styles.less
@@ -1,4 +1,11 @@
 .library-container {
-    background-color: var(--color-background);
     height: 100%;
+    display: flex;
+    flex-direction: column;
+    background-color: var(--color-background);
+
+    .library-content {
+        flex: 1;
+        align-self: stretch;
+    }
 }
\ No newline at end of file