diff --git a/assets/stylesheets/user_notes.scss b/assets/stylesheets/user_notes.scss
index e82d070..839348c 100644
--- a/assets/stylesheets/user_notes.scss
+++ b/assets/stylesheets/user_notes.scss
@@ -1,35 +1,6 @@
-#discourse-modal {
-  .modal-body.user-notes-modal {
-    max-height: 80vh !important;
-  }
-}
-
-.show-user-notes-on-flags {
-  display: inline-block;
-
-  button {
-    display: inline;
-    padding: 0;
-  }
-}
-
-.show-user-notes-on-card {
-  button {
-    display: inline;
-    padding: 0;
-  }
-}
-
-.modal-body.user-notes-modal {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-
-  textarea {
-    width: 98%;
-    @include breakpoint(mobile, min-width) {
-      min-width: 400px;
-    }
+.d-modal.user-notes-modal {
+  .d-modal__container {
+    width: 100%;
   }
 
   .posted-by {
@@ -69,6 +40,22 @@
   }
 }
 
+.show-user-notes-on-flags {
+  display: inline-block;
+
+  button {
+    display: inline;
+    padding: 0;
+  }
+}
+
+.show-user-notes-on-card {
+  button {
+    display: inline;
+    padding: 0;
+  }
+}
+
 .user-notes-icon {
   .mobile-view & {
     order: 2;