diff --git a/msgbox/msgbox.css b/msgbox/msgbox.css
index 3f8c25ba..f963d5ee 100644
--- a/msgbox/msgbox.css
+++ b/msgbox/msgbox.css
@@ -21,8 +21,9 @@
   position: fixed;
   display: flex;
   flex-direction: column;
-  background-color: white;
-  box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.225);
+  background-color: hsl(0, 0%, 88%);
+  border: solid 1px hsl(0, 0%, 40%);
+  box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .4);
   z-index: 9999991;
   -moz-user-select: text;
 }
@@ -95,8 +96,8 @@
   fill: maroon;
 }
 
-#message-box.danger #message-box-close-icon svg:hover {
-  fill: #600;
+#message-box.danger #message-box-close-icon:hover svg {
+  fill: #000;
 }
 
 #message-box-close-icon {
@@ -109,6 +110,7 @@
 #message-box-close-icon svg {
   width: 16px;
   height: 16px;
+  pointer-events: none;
 }
 
 #message-box-contents {
@@ -129,8 +131,10 @@
 
 #message-box-buttons {
   padding: .75rem .375rem;
-  background-color: #f0f0f0;
+  background-color: hsl(0, 0%, 80%);
   text-align: center;
+  border-top: 1px solid hsl(0, 0%, 80%);
+  box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .4);
 }
 
 .non-windows #message-box-buttons {