diff --git a/src/components/App.tsx b/src/components/App.tsx
index ad3badc6..8bc51f1c 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -30,7 +30,7 @@ function App(): JSX.Element {
                                 </Col>
                             </Row>
                             <Row>
-                                <Col className="Terminal py-2">
+                                <Col className="terminal py-2">
                                     <Terminal />
                                 </Col>
                             </Row>
diff --git a/src/components/StatusBar.tsx b/src/components/StatusBar.tsx
index 4e9c43d0..08d8a42b 100644
--- a/src/components/StatusBar.tsx
+++ b/src/components/StatusBar.tsx
@@ -13,7 +13,7 @@ type StatusProps = StateProps;
 class StatusBar extends React.Component<StatusProps> {
     render(): JSX.Element {
         return (
-            <div className="bg-info p-2">
+            <div className="status-bar p-2">
                 <ProgressBar className="w-25" now={this.props.progress} />
             </div>
         );
diff --git a/src/index.scss b/src/index.scss
index 25e038eb..5ce5a524 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -2,12 +2,12 @@
 // Copyright (c) 2020 The Pybricks Authors
 
 // Override default variables before the import
-$body-bg: #0088ce;
+$body-bg: #e8e8e8;
 
 // Import Bootstrap and its default variables
 @import '~bootstrap/scss/bootstrap';
 
-.Terminal {
+.terminal {
     height: 15vh;
 }
 
@@ -19,3 +19,7 @@ $body-bg: #0088ce;
     padding: 0px;
     padding-right: 8px;
 }
+
+.status-bar {
+    background-color: #0088ce;
+}