diff --git a/src/core_modules/capture-core/components/Dialogs/DiscardDialog.component.js b/src/core_modules/capture-core/components/Dialogs/DiscardDialog.component.js
index 257852c7d8..1e745f1899 100644
--- a/src/core_modules/capture-core/components/Dialogs/DiscardDialog.component.js
+++ b/src/core_modules/capture-core/components/Dialogs/DiscardDialog.component.js
@@ -11,7 +11,9 @@ export const DiscardDialog = ({
             {header}
         </ModalTitle>
         <ModalContent>
-            {text}
+            <div style={{ margin: '5px 0' }}>
+                {text}
+            </div>
         </ModalContent>
         <ModalActions>
             <ButtonStrip end>
diff --git a/src/core_modules/capture-ui/CoordinateField/CoordinateField.component.js b/src/core_modules/capture-ui/CoordinateField/CoordinateField.component.js
index 270ee8f549..ef3c0e7b47 100644
--- a/src/core_modules/capture-ui/CoordinateField/CoordinateField.component.js
+++ b/src/core_modules/capture-ui/CoordinateField/CoordinateField.component.js
@@ -56,6 +56,13 @@ export class CoordinateField extends React.Component<Props, State> {
         };
     }
 
+    componentDidUpdate() {
+        // Invalidate map size to fix rendering bug
+        if (this.mapInstance && this.state.showMap) {
+            this.mapInstance.leafletElement.invalidateSize();
+        }
+    }
+
     toSixDecimal = (value: string) => (parseFloat(value) ? parseFloat(value).toFixed(6) : null)
 
     handleBlur = (key: string, value: any) => {