diff --git a/client/modules/Sketch/pages/SketchListView.js b/client/modules/Sketch/pages/SketchListView.js
index e46cab23..1f775429 100644
--- a/client/modules/Sketch/pages/SketchListView.js
+++ b/client/modules/Sketch/pages/SketchListView.js
@@ -22,24 +22,26 @@ class SketchListView extends React.Component {
exportProjectAsZip={this.props.exportProjectAsZip}
cloneProject={this.props.cloneProject}
/>
-
-
-
- Name |
- Created |
- Last Updated |
-
-
-
- {this.props.sketches.map(sketch =>
-
- {sketch.name} |
- {moment(sketch.createdAt).format('MMM D, YYYY')} |
- {moment(sketch.updatedAt).format('MMM D, YYYY')} |
+
+
+
+
+ Name |
+ Created |
+ Last Updated |
- )}
-
-
+
+
+ {this.props.sketches.map(sketch =>
+
+ {sketch.name} |
+ {moment(sketch.createdAt).format('MMM D, YYYY')} |
+ {moment(sketch.updatedAt).format('MMM D, YYYY')} |
+
+ )}
+
+
+
);
}
diff --git a/client/styles/components/_sketch-list.scss b/client/styles/components/_sketch-list.scss
index 9ef6a786..1658855f 100644
--- a/client/styles/components/_sketch-list.scss
+++ b/client/styles/components/_sketch-list.scss
@@ -2,6 +2,7 @@
width: 100%;
padding: #{10 / $base-font-size}rem 0;
padding-left: #{170 / $base-font-size}rem;
+ height: 100%;
}
.sketches-table__row {
diff --git a/client/styles/layout/_sketch-list.scss b/client/styles/layout/_sketch-list.scss
index 979c48d4..0784629c 100644
--- a/client/styles/layout/_sketch-list.scss
+++ b/client/styles/layout/_sketch-list.scss
@@ -3,4 +3,9 @@
flex-wrap: wrap;
height: 100%;
flex-flow: column;
+}
+
+.sketches-table-container {
+ flex: 1 0 0%;
+ overflow-y: scroll;
}
\ No newline at end of file