diff --git a/src/components/FaceRecognition/FaceRecognition.js b/src/components/FaceRecognition/FaceRecognition.js
index 50be3b3..e3b0ccf 100644
--- a/src/components/FaceRecognition/FaceRecognition.js
+++ b/src/components/FaceRecognition/FaceRecognition.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import './FaceRecognition.css';
 
-export default function FaceRecognition({ imageURL, box }) {
+export default function FaceRecognition({ imageURL, boxes }) {
     const styles = {
         top: box.topRow, 
         right: box.rightCol, 
@@ -9,14 +9,16 @@ export default function FaceRecognition({ imageURL, box }) {
         left: box.leftCol
     }
 
-    // console.log("FaceRecognition box: ", box)
-    // console.log("FaceRecognition box topRow: ", box.topRow)
 
     return (
         <div className='center ma'>
             <div className='absolute mt2'>
             <img id="inputimage" alt="" src={imageURL} className="mt3" width="500px" height="auto" />
-            <div className='bounding-box' style={styles}></div>
+            {boxes.map((box,i) => {
+                return(
+                    <div key={i}className='bounding-box' style={styles}></div>
+                )
+            })}
             </div>
         </div> 
     )