diff --git a/client/components/mobile/FloatingNav.jsx b/client/components/mobile/FloatingNav.jsx
index ca8220f7..094a481e 100644
--- a/client/components/mobile/FloatingNav.jsx
+++ b/client/components/mobile/FloatingNav.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
-import { remSize } from '../../theme';
+import { remSize, prop } from '../../theme';
 import Button from '../../common/Button';
 import IconButton from './IconButton';
 
@@ -12,6 +12,9 @@ const FloatingContainer = styled.div`
 
   text-align: right;
   z-index: 3;
+
+  svg { width: ${remSize(32)}; };
+  svg > path { fill: ${prop('Button.default.background')} !important };
 `;
 
 const FloatingNav = ({ items }) => (