diff --git a/apps/vyper/src/app/app.css b/apps/vyper/src/app/app.css
index 5bfd46cee0..23eae179b3 100644
--- a/apps/vyper/src/app/app.css
+++ b/apps/vyper/src/app/app.css
@@ -238,3 +238,27 @@ html, body, #root, main {
 .accordion-background:hover {
   cursor: pointer;
 }
+
+.vyper-compile-warning,
+.vyper-compile-error {
+  white-space: pre-line;
+  word-wrap: break-word;
+  cursor: pointer;
+  position: relative;
+  margin: 0.5em 0 1em 0;
+  border-radius: 5px;
+  line-height: 20px;
+  padding: 8px 15px;
+}
+
+.vyper-compile-warning pre,
+.vyper-compile-error pre {
+  white-space: pre-line;
+  overflow-y: hidden;
+  background-color: transparent;
+  margin: 0;
+  font-size: 12px;
+  border: 0 none;
+  padding: 0;
+  border-radius: 0;
+}