1 files changed, 68 insertions, 3 deletions
diff --git a/src/assets/styles/bmc/_sila/_modal.scss b/src/assets/styles/bmc/_sila/_modal.scss
index e2fa0cd8..91412338 100644
--- a/src/assets/styles/bmc/_sila/_modal.scss
+++ b/src/assets/styles/bmc/_sila/_modal.scss
@@ -1,12 +1,77 @@
+.modal-dialog {
+  margin: 20vh auto 0;
+}
+
+.modal-content {
+  border-radius: $border-radius;
+}
+
 .modal-header {
+  border-bottom: none;
+
   .close {
+    padding: 0 1.4rem 0 0;
+    margin-top: -2rem;
     font-weight: normal;
     color: theme-color("dark");
     opacity: 1;
-  }
+    &:hover {
+      background-color: none;
+    }
+    }
   .modal-title {
-    font-size: 1.25rem;
-    font-weight: normal;
+    font-size: 1.25rem !important;
+    font-weight: 500;
     line-height: 1.3;
   }
 }
+
+.modal-header {
+  align-items: center;
+}
+
+.modal-body {
+  display: flex;
+  justify-content: flex-start;
+}
+
+.file-input_container >
+.custom-file {
+  height: 100%;
+}
+
+  .custom-file-input ~ .custom-file-label {
+    background-color: transparent;
+  border: 1px dashed rgba(12, 28, 41, 0.6);
+  box-sizing: border-box;
+  border-radius: $border-radius;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  text-align: center;
+  white-space: normal;
+  justify-content: center;
+}
+
+
+.custom-file-input ~ .custom-file-label::after {
+  display: none;
+}
+
+#modal-reset {
+  .modal-body {
+    flex-direction: column;
+  }
+  .modal-footer {
+    flex-wrap: nowrap;
+  }
+}
+
+#modal-dns,
+#configure-connection {
+  .modal-body {
+    > form {
+      width: 100%;
+    }
+  }
+}