diff --git a/website/src/Bird_CNN.css b/website/src/Bird_CNN.css
index 83f52d6..edf823a 100644
--- a/website/src/Bird_CNN.css
+++ b/website/src/Bird_CNN.css
@@ -193,7 +193,7 @@ a:hover {
     margin: 40px 40px 100px 40px;
     display: flex;
     flex-direction: column;
-    align-items: flex-start;
+    align-items: center;
     justify-content: center;
     gap: 40px;
 }
diff --git a/website/src/Bird_CNN.jsx b/website/src/Bird_CNN.jsx
index e0d234b..d5ff68c 100644
--- a/website/src/Bird_CNN.jsx
+++ b/website/src/Bird_CNN.jsx
@@ -127,11 +127,11 @@ function Bird_CNN() {
                         <div className='response-block'>
                             <div className='content-block class'>
                                 <h3 className='conten-block-text'>Bird Species: </h3>
-                                <p id='bird-class-text' className='conten-block-text'>{birdClass}</p>
+                                {birdClass && <p id='bird-class-text' className='conten-block-text'>{birdClass}</p>}
                             </div>
                             <div className='content-block confidence'>
                                 <h4 className='conten-block-text'>Model Confidence: </h4>
-                                <p id='bird-confidence-text' className='conten-block-text'>{confidence}</p>
+                                {confidence && <p id='bird-confidence-text' className='conten-block-text'>{confidence}</p>}
                             </div>
                             {error && <h4 className='conten-block-text'>An Error has uccured. Please try again later.</h4>}
                         </div>