modal fixes

client/src/components/atoms/Modal.module.scss

@@ -16,14 +16,14 @@
 .modal {
     padding: $spacer;
     border-radius: $border-radius;
-    background: $brand-white;
+    background: $body-background;
     margin: $spacer auto;
     max-width: $break-point--small;
     position: relative;
     animation: moveUp .2s ease-out backwards;
 
     @media (min-width: $break-point--small) {
-        padding: $spacer * 2 $spacer;
+        padding: $spacer * 2 $spacer * 1.5;
     }
 
     &:focus {

client/src/components/atoms/Modal.test.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import { render } from '@testing-library/react'
+import Modal from './Modal'
+
+describe('Modal', () => {
+    it('renders without crashing', () => {
+        const { container } = render(
+            <Modal title="Hello" isOpen toggleModal={() => null}>
+                Hello
+            </Modal>
+        )
+        expect(container.firstChild).toBeInTheDocument()
+    })
+})

client/src/components/templates/Asset/Report.module.scss

@@ -11,10 +11,10 @@
 }
 
 .info {
+    background: $brand-white;
     padding: $spacer;
     border: 1px solid $brand-grey-lighter;
     border-radius: $border-radius;
-    margin-bottom: $spacer;
 
     h3 {
         font-size: $font-size-base;

client/src/components/templates/Asset/Report.tsx

@@ -45,6 +45,7 @@ export default class Report extends PureComponent<
                                 name="comment"
                                 label="Comment"
                                 help="Briefly describe what is wrong with this asset."
+                                required
                             />
                             <Button primary>Report Data Set</Button>
                         </Form>