diff --git a/platform/safari/vapi-popup.js b/platform/safari/vapi-popup.js
index 0f9dd8d13..d0b3071e1 100644
--- a/platform/safari/vapi-popup.js
+++ b/platform/safari/vapi-popup.js
@@ -39,7 +39,6 @@ var onLoaded = function() {
 
     body.style.setProperty("width", "100%");
     panes.style.setProperty("width", "100%");
-    panes.style.setProperty("text-align", "right");
     dfPane.style.setProperty("display", "inline-block", "important");
 
     var updateSize = function() {
diff --git a/src/css/popup.css b/src/css/popup.css
index 981a8431c..625085d95 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -50,6 +50,9 @@ body[dir="ltr"] #panes {
 body[dir="rtl"] #panes {
     direction: ltr;
     }
+body, #panes {
+    text-align: right; /* this helps the popup render better at "intermediate" widths */
+    }
 #panes > div {
     display: inline-block;
     position: relative;