diff --git a/src/components/notify.js b/src/components/notify.js
index d6221f4c2..3acdc589d 100644
--- a/src/components/notify.js
+++ b/src/components/notify.js
@@ -3,7 +3,7 @@ var { Notyf } = require('../lib/notyf.min.js');
 
 AFRAME.registerComponent('notify', {
   schema: {
-    duration: { type: 'number', default: 2000 },
+    duration: { type: 'number', default: 6000 },
     ripple: { type: 'boolean', default: true },
     position: {
       type: 'string',
diff --git a/src/viewer-styles.css b/src/viewer-styles.css
index 754ad4ce3..0418d02d9 100644
--- a/src/viewer-styles.css
+++ b/src/viewer-styles.css
@@ -18,6 +18,14 @@ body {
 	margin: 0;
 }
 
+/* notification hack */
+.notyf__message { font-size: 20px !important; }
+
+/* notification width hack */
+.notyf__toast {
+    max-width: 66.66vw !important; /* 2/3rds of viewport width */
+    width: auto !important; /* Resetting any specific width, if set */
+}
 
 /********* viewer header css *********/