1 files changed, 22 insertions, 13 deletions
diff --git a/web-ui/src/backup_account/confirmation/confirmation.scss b/web-ui/src/backup_account/confirmation/confirmation.scss
index 44f3fa8a..da349276 100644
--- a/web-ui/src/backup_account/confirmation/confirmation.scss
+++ b/web-ui/src/backup_account/confirmation/confirmation.scss
@@ -19,26 +19,35 @@
 @import "~scss/base/colors";
 @import "~scss/base/fonts";
 
-
-
-.confirmation {
-  background: $white;
+.confirmation-container {
   width: 84%;
-  margin: 3% auto;
   padding: 6% 5%;
-  box-shadow: 0 2px 3px 0 $shadow;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+
+  img {
+    padding: 2em 3.2em 2em 0;
+  }
 }
 
-@media only screen and (min-width : 500px) {
+ .submit-button {
+   width: 65%;
+   align-self: center;
+ }
 
+@media only screen and (min-width : 500px) {
+  .confirmation-container {
+    width: 50%;
+    padding: 1em 2em;
+  }
 }
 
 @media only screen and (min-width : 960px) {
-  .confirmation{
-    width: 60%;
-    padding: 3em;
-    align-items: flex-start;
-    flex-direction: row;
-    max-width: 700px;
+  .confirmation-container {
+    width: 30%;
+    padding: 1em 2em;
+    display: flex;
+    flex-direction: column;
   }
 }