diff --git a/js/repl/ReplOptions.js b/js/repl/ReplOptions.js
index 95e9a19685..ba86f903d1 100644
--- a/js/repl/ReplOptions.js
+++ b/js/repl/ReplOptions.js
@@ -80,7 +80,7 @@ class ExpandedContainer extends Component {
return (
-
+
-
+
+ v{window.Babel.version}
+
onIsExpandedChange(false)}
@@ -231,10 +233,6 @@ class ExpandedContainer extends Component {
path="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z"
/>
-
-
- v{window.Babel.version}
-
);
}
@@ -377,6 +375,7 @@ const styles = {
}
}),
expandedContainer: css({
+ flexDirection: 'column',
minWidth: '150px',
display: 'flex',
overflow: 'auto',
@@ -384,7 +383,6 @@ const styles = {
'rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.24) 0px 1px 4px',
[media.large]: {
- flexDirection: 'column',
height: '100%',
[`& .${nestedCloseButton}`]: {
@@ -393,10 +391,6 @@ const styles = {
},
[media.mediumAndDown]: {
- flexDirection: 'row',
- flexWrap: 'wrap',
- overflow: 'auto',
-
[`& .${nestedCloseButton}`]: {
bottom: '-1.5rem'
}
@@ -439,12 +433,9 @@ const styles = {
display: 'flex',
flexDirection: 'row',
flexWrap: 'wrap',
- overflow: 'auto',
[media.large]: {
- flexDirection: 'column',
- flexWrap: 'nowrap',
- height: '100%',
+ display: 'block',
},
}),
section: css({