diff --git a/packages/component-dashboard/src/components/UploadManuscript.js b/packages/component-dashboard/src/components/UploadManuscript.js
index f813d744a0da1fbe5814f91af07a42f1a31a1fc8..44616b31e9884e7ab6baaa456fc2f0d5c20877c8 100644
--- a/packages/component-dashboard/src/components/UploadManuscript.js
+++ b/packages/component-dashboard/src/components/UploadManuscript.js
@@ -1,5 +1,5 @@
 import React, { Component } from 'react'
-import styled, { keyframes } from 'styled-components'
+import styled, { keyframes, withTheme } from 'styled-components'
 import Dropzone from 'react-dropzone'
 import { Icon, th } from '@pubsweet/ui'
 
@@ -9,9 +9,9 @@ const StyledDropzone = styled(Dropzone)`
   display: inline-block;
 `
 
-const StatusIcon = ({ children }) => (
-  <Icon color={th('colorPrimary')}>{children}</Icon>
-)
+const StatusIcon = withTheme(({ children, theme }) => (
+  <Icon color={theme.colorPrimary}>{children}</Icon>
+))
 
 const Status = styled.div`
   align-items: center;