diff --git a/client/modules/IDE/components/Preferences.jsx b/client/modules/IDE/components/Preferences.jsx
index 02e0e770..d2771b2b 100644
--- a/client/modules/IDE/components/Preferences.jsx
+++ b/client/modules/IDE/components/Preferences.jsx
@@ -1,6 +1,7 @@
import React, { PropTypes } from 'react';
import InlineSVG from 'react-inlinesvg';
import classNames from 'classnames';
+import { Tab, Tabs, TabList, TabPanel } from 'react-tabs';
// import { bindActionCreators } from 'redux';
// import { connect } from 'react-redux';
// import * as PreferencesActions from '../actions/preferences';
@@ -71,240 +72,248 @@ class Preferences extends React.Component {
-
-
General Settings
- Sketch Settings
- Accessibility
-
-
-
-
Text size
-
- { this.fontSizeInput = element; }}
- onClick={() => {
- this.fontSizeInput.select();
- }}
- >
-
-
-
-
-
-
-
+
+
+
+ General Settings
+
Sketch Settings
+ Accessibility
+
+
+
+
+
+
Text size
+
+ { this.fontSizeInput = element; }}
+ onClick={() => {
+ this.fontSizeInput.select();
+ }}
+ >
+
+
+
+
+
+
+
+
+
+
+
);
}
diff --git a/client/modules/IDE/pages/IDEView.jsx b/client/modules/IDE/pages/IDEView.jsx
index 3d5baa71..1f6cbc75 100644
--- a/client/modules/IDE/pages/IDEView.jsx
+++ b/client/modules/IDE/pages/IDEView.jsx
@@ -3,6 +3,7 @@ import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import { withRouter } from 'react-router';
import { Helmet } from 'react-helmet';
+import { Tab, Tabs, TabList, TabPanel } from 'react-tabs';
import SplitPane from 'react-split-pane';
import Editor from '../components/Editor';
import Sidebar from '../components/Sidebar';
diff --git a/client/styles/components/_preferences.scss b/client/styles/components/_preferences.scss
index 3cd73225..b2571646 100644
--- a/client/styles/components/_preferences.scss
+++ b/client/styles/components/_preferences.scss
@@ -63,7 +63,7 @@
.preference__subheadings {
display: flex;
flex-wrap: wrap;
- padding-bottom: #{7 / $base-font-size}rem;
+ padding-bottom: #{0.1 / $base-font-size}rem;
@include themify() {
border-bottom: 1px solid getThemifyVariable('button-border-color');
}