diff --git a/src/Map/FlightMarker.tsx b/src/Map/FlightMarker.tsx
index a6198f5..3a38419 100644
--- a/src/Map/FlightMarker.tsx
+++ b/src/Map/FlightMarker.tsx
@@ -96,9 +96,9 @@ const FlightMarker = (props: FlightMarkerProps): JSX.Element => {
                 onOpen={() => (props.onPopupOpen ? props.onPopupOpen() : {})}
                 onClose={() => (props.onPopupClose ? props.onPopupClose() : {})}
             >
-                <h1>
+                <h1 style={styles['popup-header-text-content']}>
                     Flight
-                    {connection.flight}
+                    {": " + connection.flight}
                 </h1>
                 {
                     (connection.origin && connection.destination)
@@ -114,18 +114,32 @@ const FlightMarker = (props: FlightMarkerProps): JSX.Element => {
                         )
                         : ''
                 }
-                <p>
+                <p style={styles["popup-paragraph-text-content"]}>
                     Aircraft:
-                    {connection.aircraftType}
+                    {" " + connection.aircraftType}
                 </p>
-                <p>
+                <p style={styles["popup-paragraph-text-content"]}>
                     Altitude:
-                    {connection.trueAltitude}
+                    {" " + connection.trueAltitude}
                     ft
                 </p>
             </Popup>
         </Marker>
     );
+    
+};
+
+const styles = {
+    "popup-header-text-content": {
+        "font-size": "200%",
+        "display": "block",
+        "overflow-wrap": "break-word"
+      },
+      "popup-paragraph-text-content": {
+        "font-size": "125%",
+        "display": "block",
+        "overflow-wrap": "break-word"
+      }
 };
 
 export default FlightMarker;