1 files changed, 32 insertions, 4 deletions

diff --git a/src/css/uploadbox.css b/src/css/uploadbox.css
index 7305162..a8563aa 100644
--- a/src/css/uploadbox.css
+++ b/src/css/uploadbox.css
@@ -8,11 +8,22 @@
     border-radius: 5px;
     padding: 16px;
     margin: 10px 0;
-    max-width: 48em;
+    flex-shrink: 0;
+    width: 708px;
 }
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box > :first-child {
     margin-top: 0;
 }
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box .upload-box__close-container {
+    display: flex;
+    
+}
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box .upload-box__close-icon {
+    background-image: url(../img/close.png);
+    width: 16px;
+    height: 16px;
+    
+}
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box .upload-box__title {
     font-weight: bold;
     font-size: var(--font-size-18);
@@ -49,6 +60,8 @@
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__file-list .upload-box__file-item-textbox {
     width: 100%;
     min-height: 1.25rem;
+    margin: 0;
+    padding: 0;
 }
 
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__link-title,
@@ -65,6 +78,7 @@
     color: var(--light-grey);
     font-weight: bold;
     margin: 0.25rem 0;
+    padding: 0;
 }
 
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box hr {
@@ -107,7 +121,9 @@
     text-decoration: none;
 }
 
-@media only screen and (min-width: 64em) {
+
+/* Desktop */
+@media only screen and (min-width: 1024px) {
 
     .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__view-text::before {
         content: 'View';
@@ -127,6 +143,18 @@
     }
 }
 
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .horiz-container > .upload-box {
-    width: 100%;
+/* Tablet */
+@media only screen and (max-width: 1024px) {
+
+    .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box {
+        width: 580px;
+    }
+}
+
+/* Phone */
+@media only screen and (max-width: 640px) {
+    
+    .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box {
+        width: 100%;
+    }
 }
\ No newline at end of file