diff --git a/src/components/projects/FundProject.jsx b/src/components/projects/FundProject.jsx
index 96c5422..c3d5b4b 100644
--- a/src/components/projects/FundProject.jsx
+++ b/src/components/projects/FundProject.jsx
@@ -21,172 +21,10 @@ import { getTokenLabel, getTokenByAddress } from '../../utils/currencies'
 import MediaView from '../base/MediaView'
 import StatusTextField from '../base/TextField'
 import { getProfileById } from './queries'
+import styles from './styles/FundProject'
 
 const { addGiverAndDonate } = LiquidPledging.methods
 
-
-const styles = theme => ({
-  adornmentText: {
-    cursor: 'pointer',
-    color: '#4360DF'
-  },
-  amount: {
-    marginTop: '3rem',
-    display: 'grid'
-  },
-  amountLayout: {
-    gridColumnStart: 1,
-    gridColumnEnd: 5
-  },
-  amountText: {
-    gridColumnStart: 6,
-    alignSelf: 'center',
-    color: '#939BA1'
-  },
-  amountInput: {
-    textAlign: 'right'
-  },
-  root: {
-    display: 'grid',
-    gridTemplateColumns: 'repeat(12, [col] 1fr)',
-    gridTemplateRows: 'repeat(5, [row] auto)',
-    gridColumnGap: '1em',
-    gridRowGap: '3ch',
-    fontFamily: theme.typography.fontFamily,
-    [theme.breakpoints.up('sm')]: {
-      margin: '1.75rem 4.5rem'
-    }
-  },
-  title: {
-    display: 'grid',
-    fontSize: '2.5rem',
-    gridColumnStart: '1',
-    gridColumnEnd: '13',
-    gridRowStart: '1',
-    gridRowEnd: '6',
-    textAlign: 'center'
-  },
-  projectTitle:{
-    fontSize: '28px',
-    gridColumnStart: 1,
-    gridColumnEnd: 13
-  },
-  projectSubTitle:{
-    fontSize: '15px',
-    gridColumnStart: 1,
-    gridColumnEnd: 13
-  },
-  submissionRoot: {
-    display: 'grid',
-    gridTemplateColumns: 'repeat(12, [col] 1fr)',
-    gridTemplateRows: 'repeat(5, [row] auto)',
-    gridColumnGap: '1em',
-    gridColumnStart: '1',
-    gridColumnEnd: '13',
-    gridRowGap: '2ch',
-  },
-  edit: {
-    gridColumnStart: 12,
-    color: '#4360DF',
-    fontSize: '15px'
-  },
-  formControl: {
-    gridColumnStart: '6'
-  },
-  formButton: {
-    gridColumnStart: '1',
-    gridColumnEnd: '13',
-    height: '50px',
-    marginTop: '1.5rem',
-    borderRadius: '8px'
-  },
-  textField: {
-    gridColumnStart: '1',
-    gridColumnEnd: '13'
-  },
-  firstHalf: {
-    display: 'grid',
-    gridTemplateColumns: 'repeat(12, [col] 1fr)',
-    gridTemplateRows: '7rem',
-    gridRowGap: '2rem',
-    gridColumnStart: '1',
-    gridColumnEnd: '8',
-  },
-  chatRoom: {
-    display: 'grid',
-    gridTemplateColumns: 'repeat(12, [col] 1fr)',
-    gridColumnStart: 1,
-    gridColumnEnd: 13,
-    justifyItems: 'start',
-    gridAutoFlow: 'column',
-    paddingLeft: '5px'
-  },
-  chatLink: {
-    gridColumnStart: 3,
-    gridColumnEnd: 13,
-    textDecoration: 'none'
-  },
-  halfText: {
-    gridColumnStart: 4
-  },
-  imgClass: {
-    maxHeight: '40vh',
-    maxWidth: '30vw'
-  },
-  chatRoomIcon: {
-    justifySelf: 'auto'
-  },
-  chatText: {
-    marginTop: '15px',
-    color: '#4360DF'
-  },
-  secondHalf: {
-    display: 'grid',
-    gridTemplateColumns: 'repeat(12, [col] 1fr)',
-    gridTemplateRows: '9rem',
-    gridColumnStart: '8',
-    gridColumnEnd: '13',
-    height: 'fit-content'
-  },
-  markdown: {
-    display: 'grid',
-    margin: '16px 0 8px 0',
-    padding: '10%'
-  },
-  markdownPreview: {
-    gridColumnStart: 12
-  },
-  textInput: {
-    fontSize: '2rem'
-  },
-  fullWidth: {
-    gridColumnStart: '1',
-    gridColumnEnd: '13'
-  },
-  breadCrumb: {
-    color: '#939BA1'
-  },
-  usdText: {
-    color: '#939BA1',
-    fontSize: '12px'
-  },
-  icon: {
-    background: '#ECEFFC'
-  },
-  preview: {
-    fontSize: '20px'
-  },
-  contact: {
-    gridColumnStart: '1',
-    gridColumnEnd: '6'
-  },
-  created: {
-    gridColumnStart: '7',
-    gridColumnEnd: '13'
-  }
-})
-
-
 const getProjectId = response => {
   const { events: { ProjectAdded: { returnValues: { idProject } } } } = response
   return idProject
@@ -340,6 +178,7 @@ function FundProject({ classes, match, history, projectAddedEvents, pledges }) {
 
   if (loading) return <div>Loading</div>
   if (error) return <div>{JSON.stringify(error)}</div>
+  // TODO handle project not found
 
   console.log({loading,error,data})
 
diff --git a/src/components/projects/styles/FundProject.js b/src/components/projects/styles/FundProject.js
new file mode 100644
index 0000000..a8f848c
--- /dev/null
+++ b/src/components/projects/styles/FundProject.js
@@ -0,0 +1,162 @@
+const styles = theme => ({
+  adornmentText: {
+    cursor: 'pointer',
+    color: '#4360DF'
+  },
+  amount: {
+    marginTop: '3rem',
+    display: 'grid'
+  },
+  amountLayout: {
+    gridColumnStart: 1,
+    gridColumnEnd: 5
+  },
+  amountText: {
+    gridColumnStart: 6,
+    alignSelf: 'center',
+    color: '#939BA1'
+  },
+  amountInput: {
+    textAlign: 'right'
+  },
+  root: {
+    display: 'grid',
+    gridTemplateColumns: 'repeat(12, [col] 1fr)',
+    gridTemplateRows: 'repeat(5, [row] auto)',
+    gridColumnGap: '1em',
+    gridRowGap: '3ch',
+    fontFamily: theme.typography.fontFamily,
+    [theme.breakpoints.up('sm')]: {
+      margin: '1.75rem 4.5rem'
+    }
+  },
+  title: {
+    display: 'grid',
+    fontSize: '2.5rem',
+    gridColumnStart: '1',
+    gridColumnEnd: '13',
+    gridRowStart: '1',
+    gridRowEnd: '6',
+    textAlign: 'center'
+  },
+  projectTitle:{
+    fontSize: '28px',
+    gridColumnStart: 1,
+    gridColumnEnd: 13
+  },
+  projectSubTitle:{
+    fontSize: '15px',
+    gridColumnStart: 1,
+    gridColumnEnd: 13
+  },
+  submissionRoot: {
+    display: 'grid',
+    gridTemplateColumns: 'repeat(12, [col] 1fr)',
+    gridTemplateRows: 'repeat(5, [row] auto)',
+    gridColumnGap: '1em',
+    gridColumnStart: '1',
+    gridColumnEnd: '13',
+    gridRowGap: '2ch',
+  },
+  edit: {
+    gridColumnStart: 12,
+    color: '#4360DF',
+    fontSize: '15px'
+  },
+  formControl: {
+    gridColumnStart: '6'
+  },
+  formButton: {
+    gridColumnStart: '1',
+    gridColumnEnd: '13',
+    height: '50px',
+    marginTop: '1.5rem',
+    borderRadius: '8px'
+  },
+  textField: {
+    gridColumnStart: '1',
+    gridColumnEnd: '13'
+  },
+  firstHalf: {
+    display: 'grid',
+    gridTemplateColumns: 'repeat(12, [col] 1fr)',
+    gridTemplateRows: '7rem',
+    gridRowGap: '2rem',
+    gridColumnStart: '1',
+    gridColumnEnd: '8',
+  },
+  chatRoom: {
+    display: 'grid',
+    gridTemplateColumns: 'repeat(12, [col] 1fr)',
+    gridColumnStart: 1,
+    gridColumnEnd: 13,
+    justifyItems: 'start',
+    gridAutoFlow: 'column',
+    paddingLeft: '5px'
+  },
+  chatLink: {
+    gridColumnStart: 3,
+    gridColumnEnd: 13,
+    textDecoration: 'none'
+  },
+  halfText: {
+    gridColumnStart: 4
+  },
+  imgClass: {
+    maxHeight: '40vh',
+    maxWidth: '30vw'
+  },
+  chatRoomIcon: {
+    justifySelf: 'auto'
+  },
+  chatText: {
+    marginTop: '15px',
+    color: '#4360DF'
+  },
+  secondHalf: {
+    display: 'grid',
+    gridTemplateColumns: 'repeat(12, [col] 1fr)',
+    gridTemplateRows: '9rem',
+    gridColumnStart: '8',
+    gridColumnEnd: '13',
+    height: 'fit-content'
+  },
+  markdown: {
+    display: 'grid',
+    margin: '16px 0 8px 0',
+    padding: '10%'
+  },
+  markdownPreview: {
+    gridColumnStart: 12
+  },
+  textInput: {
+    fontSize: '2rem'
+  },
+  fullWidth: {
+    gridColumnStart: '1',
+    gridColumnEnd: '13'
+  },
+  breadCrumb: {
+    color: '#939BA1'
+  },
+  usdText: {
+    color: '#939BA1',
+    fontSize: '12px'
+  },
+  icon: {
+    background: '#ECEFFC'
+  },
+  preview: {
+    fontSize: '20px'
+  },
+  contact: {
+    gridColumnStart: '1',
+    gridColumnEnd: '6'
+  },
+  created: {
+    gridColumnStart: '7',
+    gridColumnEnd: '13'
+  }
+})
+
+export default styles