diff --git a/lib/gui/app/styled-components.js b/lib/gui/app/styled-components.js
deleted file mode 100644
index 508584aa..00000000
--- a/lib/gui/app/styled-components.js
+++ /dev/null
@@ -1,123 +0,0 @@
-/*
- * Copyright 2018 balena.io
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-'use strict'
-
-// eslint-disable-next-line no-unused-vars
-const React = require('react')
-const { default: styled } = require('styled-components')
-const {
-  Button,
-  Txt,
-  Flex,
-  Provider
-} = require('rendition')
-const {
-  space
-} = require('styled-system')
-const { colors } = require('./theme')
-
-const theme = {
-  // TODO: Standardize how the colors are specified to match with rendition's format.
-  customColors: colors,
-  button: {
-    border: {
-      width: '0',
-      radius: '24px'
-    },
-    disabled: {
-      opacity: 1
-    },
-    extend: () => `
-      width: 200px;
-      height: 48px;
-      font-size: 16px;
-
-      &:disabled {
-        background-color: ${colors.dark.disabled.background};
-        color: ${colors.dark.disabled.foreground};
-        opacity: 1;
-
-        &:hover {
-          background-color: ${colors.dark.disabled.background};
-          color: ${colors.dark.disabled.foreground};
-        }
-      }
-    `
-  }
-}
-
-exports.ThemedProvider = (props) => (
-  <Provider theme={theme} {...props}>
-  </Provider>
-)
-
-const BaseButton = styled(Button) `
-  height: 48px;
-`
-
-exports.BaseButton = BaseButton
-
-exports.StepButton = (props) => (
-  <BaseButton primary {...props}>
-  </BaseButton>
-)
-
-exports.ChangeButton = styled(BaseButton) `
-  color: ${colors.primary.background};
-  padding: 0;
-  width: 100%;
-  height: auto;
-
-  &:enabled {
-    &:hover, &:focus, &:active {
-      color: #8f9297;
-    }
-  }
-
-  ${space}
-`
-exports.StepNameButton = styled(BaseButton) `
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  font-weight: bold;
-  color: ${colors.dark.foreground};
-
-  &:enabled {
-    &:hover, &:focus, &:active{
-      color: #8f9297;
-    }
-  }
-`
-exports.StepSelection = styled(Flex) `
-  flex-wrap: wrap;
-  justify-content: center;
-`
-exports.Footer = styled(Txt) `
-  margin-top: 10px;
-  color: ${colors.dark.disabled.foreground};
-  font-size: 10px;
-`
-exports.Underline = styled(Txt.span) `
-  border-bottom: 1px dotted;
-  padding-bottom: 2px;
-`
-exports.DetailsText = styled(Txt.p) `
-  color: ${colors.dark.disabled.foreground};
-  margin-bottom: 0;
-`