wrap sort controls in Box to prevent wrapping (#80)

grommet · Nov 9, 2016 · f03bcaa · f03bcaa
1 parent e3d46c0
commit f03bcaa
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/js/components/Sort.js b/src/js/components/Sort.js
@@ -67,7 +67,7 @@ export default class Sort extends Component {
           <select ref="sort" value={this.state.name} onChange={this._onChange}>
             {options}
           </select>
-          <span>
+          <Box direction="row">
             <Button
               icon={<AscIcon
                 colorIndex={'asc' === this.state.direction ?
@@ -78,7 +78,7 @@ export default class Sort extends Component {
                 colorIndex={'desc' === this.state.direction ?
                   'brand' : undefined} />}
               onClick={this._onChangeDirection.bind(this, 'desc')} />
-          </span>
+          </Box>
         </Box>
       </Box>
     );