diff --git a/src/Components/FormationMaterialDescription.js b/src/Components/FormationMaterialDescription.js
index ab8b6b4a70dd32d649c8b49051b9355725ef53ff..1ff56731a9c347058a7ee1bfc6ee13d3271175d4 100644
--- a/src/Components/FormationMaterialDescription.js
+++ b/src/Components/FormationMaterialDescription.js
@@ -99,9 +99,9 @@ export default function FormationMaterialDescription(props) {
 							<br/>
 							<StyledAnchor href={colecao_obj.developedurl}>
 								{
-									colecao_obj.id === 3 ?	<LongUserIcon src="img/logo_parceiros/ic_peninsula.png" />
+									colecao_obj.id === 3 ?	<LongUserIcon src={require("../img/logo_parceiros/ic_peninsula.png")} />
 									: <div>
-											<UserIcon src="img/logo_parceiros/ic_nute.png"/>
+											<UserIcon src={require("../img/logo_parceiros/ic_nute.png")}/>
 											<Red>
 												{colecao_obj.developed}
 											</Red>
diff --git a/src/Components/FormationMaterialHeader.js b/src/Components/FormationMaterialHeader.js
index 03a81692c80016028802bb1005eeebd15ca85b14..bf051eb589b18c10f6037b10d5bfaddebe35e98e 100644
--- a/src/Components/FormationMaterialHeader.js
+++ b/src/Components/FormationMaterialHeader.js
@@ -30,7 +30,7 @@ export default function FormationMaterialHeader(props) {
 					alignItems="stretch"
 				>
 					<Grid item xs={5}>
-						<Img src={colecao_obj.img}/>
+						<Img src={require(`../../public/${colecao_obj.img}`)}/>
 					</Grid>
 					<Grid item container xs={7}
 						direction="column"
diff --git a/src/Components/TopicCard.js b/src/Components/TopicCard.js
index c0f25eaceecafa88bf9d8d07914dbc26dbea6efa..6058cacfcc9459bb229bd37ddcbba5f20d6e8d78 100644
--- a/src/Components/TopicCard.js
+++ b/src/Components/TopicCard.js
@@ -8,7 +8,7 @@ export default function TopicCard(props) {
   return (	
 		<CardModel>
 			<StyledLink to={"topico?colecao="+props.colecao_id+"&topico="+props.topico_obj.id}>
-				<CardImage src={props.topico_obj.img}/>
+				<CardImage src={require(`../../public/${props.topico_obj.img}`)}/>
 				<Title>
 					<BoldTitle>
 						{ props.topico_obj.pre_title }
@@ -39,10 +39,9 @@ const Title=styled.h1`
 `
 const CardModel=styled(Card)`
 	position: relative;
-	width: 18%;
 	margin-bottom: 30px;
 	padding: 0;
-	height: 225px;
+	height: 270px;
 `
 const CardImage=styled.img`
 	width: 100%;
diff --git a/src/Components/TopicFooter.js b/src/Components/TopicFooter.js
index 2e04b8b1628e7127cd193a5e479e864572ea8884..153ee88b8042c90a4f44711243fe7e8c4895f2b6 100644
--- a/src/Components/TopicFooter.js
+++ b/src/Components/TopicFooter.js
@@ -13,7 +13,7 @@ export default function TopicFooter(props) {
 					alignItems="center"
 				>
 					<Grid item>
-						<FormationMaterialImage src={props.src}/>
+						<FormationMaterialImage src={require(`../../public/${props.src}`)}/>
 					</Grid>
 					<Grid item>
 						<Text>