diff --git a/library/src/pivotal-ui-react/stream-list/stream-list.js b/library/src/pivotal-ui-react/stream-list/stream-list.js index 816d31407..2e94da9e3 100644 --- a/library/src/pivotal-ui-react/stream-list/stream-list.js +++ b/library/src/pivotal-ui-react/stream-list/stream-list.js @@ -1,5 +1,5 @@ import React from 'react'; -import {UIButton} from 'pui-react-buttons'; +import {DefaultButton} from 'pui-react-buttons'; import {GroupList, ListItem} from 'pui-react-lists'; import mixin from 'pui-react-mixins'; import Animation from 'pui-react-mixins/mixins/animation_mixin'; @@ -14,11 +14,11 @@ class StreamListNewItemsButton extends React.Component { render() { return ( - {`${this.props.numNewItems} ${this.props.numNewItems === 1 ? this.props.singularNewItemText : this.props.pluralNewItemsText}`} - + ); } } diff --git a/library/src/pivotal-ui/components/lists/lists.scss b/library/src/pivotal-ui/components/lists/lists.scss index 0ca918072..9d6b22200 100644 --- a/library/src/pivotal-ui/components/lists/lists.scss +++ b/library/src/pivotal-ui/components/lists/lists.scss @@ -278,6 +278,7 @@ This section contains different list behaviors. See [lists][list] to see differe border-radius: 0; border-top: 1px solid $list-group-border; box-shadow: 0px -1px $shadow-4; + justify-content: center; &:hover { background-color: darken($neutral-10, 20%);