diff --git a/src/ui/connection.js b/src/ui/connection.js
index 5c4ab62..ed8f9d9 100644
--- a/src/ui/connection.js
+++ b/src/ui/connection.js
@@ -20,6 +20,7 @@ class ConnectionOverlay extends Component {
     super();
     this.connect = this.connect.bind(this);
     this.componentDidMount = this.componentDidMount.bind(this);
+    this.state = {}
   }
 
   componentDidMount() {
@@ -97,7 +98,6 @@ class ConnectionOverlay extends Component {
                   type="checkbox"
                   checked={autoconnect}
                   onChange={e => this.setState({ autoconnect: !autoconnect })}
-                  check
                 /> Autoconnect to this server
               </Label>
             </FormGroup>
diff --git a/src/ui/navigation.js b/src/ui/navigation.js
index 6f503ab..af1cdcd 100644
--- a/src/ui/navigation.js
+++ b/src/ui/navigation.js
@@ -46,7 +46,7 @@ function render(props) {
             value={qs.s}
             onChange={e => update(e.target.value)} />
         </form>
-        <span class="navbar-text">
+        <span className="navbar-text">
           <Link to="/search-help">
             <FontAwesome name="question-circle" />
           </Link>
diff --git a/src/ui/ratio.js b/src/ui/ratio.js
index 720034b..393dd49 100644
--- a/src/ui/ratio.js
+++ b/src/ui/ratio.js
@@ -5,14 +5,14 @@ import { formatAmount } from '../bitrate';
 export default function Ratio({ up, down }) {
   const ratio = up / down;
   if (isNaN(ratio)) {
-    return <span class="ratio">
+    return <span className="ratio">
       <span>0</span>
       <span></span>
       <span></span>
     </span>;
   }
   return (
-    <span class="ratio">
+    <span className="ratio">
       <span>
         {isFinite(ratio) ? `${ratio.toFixed(2)}` : "∞"}
       </span>
diff --git a/src/ui/torrent_details.js b/src/ui/torrent_details.js
index f7da266..65ff4e1 100644
--- a/src/ui/torrent_details.js
+++ b/src/ui/torrent_details.js
@@ -169,7 +169,7 @@ class Torrent extends Component {
           >
             <FontAwesome name={torrent.status === "paused" ? "play" : "pause"} />
           </a>
-          <div class="status">{status(torrent.status)}</div>
+          <div className="status">{status(torrent.status)}</div>
           <TorrentProgress torrent={torrent} />
           <ButtonDropdown
             isOpen={this.state.removeDropdown}
@@ -412,7 +412,7 @@ class TorrentDetails extends Component {
           key={id}
         />)}
         {selection.length > 3 ?
-          <p class="text-center text-muted">
+          <p className="text-center text-muted">
             <strong>
               ...{selection.length - 3} more hidden...
             </strong>
diff --git a/src/ui/torrent_table.js b/src/ui/torrent_table.js
index d68665c..f53f698 100644
--- a/src/ui/torrent_table.js
+++ b/src/ui/torrent_table.js
@@ -94,7 +94,7 @@ class TorrentTable extends Component {
             <th style={{ minWidth: '75px' }}>up</th>
             <th style={{ minWidth: '75px' }}>down</th>
             <th style={{width: "18rem"}}>
-              <span class="ratio">
+              <span className="ratio">
                 <span>ratio</span>
                 <span></span>
                 <span></span>