diff --git a/client/components/mobile/Footer.jsx b/client/components/mobile/Footer.jsx
index a90079cc..25f10c1d 100644
--- a/client/components/mobile/Footer.jsx
+++ b/client/components/mobile/Footer.jsx
@@ -1,42 +1,15 @@
import React from 'react';
import styled from 'styled-components';
-import PropTypes from 'prop-types';
-import { prop, remSize } from '../../theme';
+import { prop } from '../../theme';
const background = prop('MobilePanel.default.background');
const textColor = prop('primaryTextColor');
-const FooterWrapper = styled.div`
+export default styled.div`
position: fixed;
width: 100%;
bottom: 0;
-`;
-
-const FooterContent = styled.div`
background: ${background};
color: ${textColor};
- padding: ${remSize(12)};
- padding-left: ${remSize(32)};
`;
-
-const Footer = ({ before, children }) => (
-
- {before}
-
- {children}
-
-
-);
-
-Footer.propTypes = {
- before: PropTypes.element,
- children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]),
-};
-
-Footer.defaultProps = {
- before: <>>,
- children: <>>
-};
-
-export default Footer;
diff --git a/client/modules/IDE/pages/MobileIDEView.jsx b/client/modules/IDE/pages/MobileIDEView.jsx
index 917415e2..943c980e 100644
--- a/client/modules/IDE/pages/MobileIDEView.jsx
+++ b/client/modules/IDE/pages/MobileIDEView.jsx
@@ -31,6 +31,11 @@ import { remSize } from '../../../theme';
const isUserOwner = ({ project, user }) => (project.owner && project.owner.id === user.id);
+const BottomBarContent = styled.h2`
+ padding: ${remSize(12)};
+ padding-left: ${remSize(32)};
+`;
+
const MobileIDEView = (props) => {
const {
preferences, ide, editorAccessibility, project, updateLintMessage, clearLintMessage,
@@ -97,8 +102,9 @@ const MobileIDEView = (props) => {
provideController={setTmController}
/>
- } >
-
Bottom Bar
+
);