diff --git a/front/src/view/AllToucanPage/AllToucanPage.js b/front/src/view/AllToucanPage/AllToucanPage.js
index ca13443a4bc1e35fd21f3c7e29067d01093c233c..b05614f520f43ac09093a862dbc3cdeef239c5f3 100644
--- a/front/src/view/AllToucanPage/AllToucanPage.js
+++ b/front/src/view/AllToucanPage/AllToucanPage.js
@@ -25,8 +25,8 @@ class AllToucan extends Component {
     }
     render(){
         return (
-            <Segment style={{margin:"3em",padding:"2em"}} textAlign="center">
-            <Card.Group>
+            <Segment style={{textAlign:"center", margin:"3em",padding:"2em"}} >
+            <Card.Group centered >
                 {this.state.toucans.map( toucan => {
                     return <ToucanCard
                     image={`${env.backURL}/toucan/img/${toucan["_id"]}`}