diff --git a/src/app/pages/modal-overlays/dialog/dialog-name-prompt/dialog-name-prompt.component.html b/src/app/pages/modal-overlays/dialog/dialog-name-prompt/dialog-name-prompt.component.html
index 403d906b..267efd37 100644
--- a/src/app/pages/modal-overlays/dialog/dialog-name-prompt/dialog-name-prompt.component.html
+++ b/src/app/pages/modal-overlays/dialog/dialog-name-prompt/dialog-name-prompt.component.html
@@ -4,7 +4,7 @@
     <input #name nbInput placeholder="Name">
   </nb-card-body>
   <nb-card-footer>
-    <button nbButton status="danget" (click)="cancel()">Cancel</button>
+    <button class="cancel" nbButton status="danger" (click)="cancel()">Cancel</button>
     <button nbButton status="success" (click)="submit(name.value)">Submit</button>
   </nb-card-footer>
 </nb-card>
diff --git a/src/app/pages/modal-overlays/dialog/dialog-name-prompt/dialog-name-prompt.component.scss b/src/app/pages/modal-overlays/dialog/dialog-name-prompt/dialog-name-prompt.component.scss
index f5a38612..4839f6dc 100644
--- a/src/app/pages/modal-overlays/dialog/dialog-name-prompt/dialog-name-prompt.component.scss
+++ b/src/app/pages/modal-overlays/dialog/dialog-name-prompt/dialog-name-prompt.component.scss
@@ -5,7 +5,7 @@
     width: 100%;
   }
 
-  .btn-success {
-    margin-left: 1rem;
+  .cancel {
+    margin-right: 1rem;
   }
 }