diff --git a/xonsh/webconfig/elm-compile.xsh b/xonsh/webconfig/elm-compile.xsh
index 07ddfd472..58a3397fc 100755
--- a/xonsh/webconfig/elm-compile.xsh
+++ b/xonsh/webconfig/elm-compile.xsh
@@ -41,9 +41,11 @@ def html_format(s, style="default"):
     # need to generate stream before creating formatter so that all tokens actually exist
     token_stream = partial_color_tokenize(s)
     formatter = XonshHtmlFormatter(
+        wrapcode=True,
         noclasses=True,
         style=proxy_style,
-        prestyles="color: #" + fgcolor,
+        prestyles="margin: 0em; padding: 0.5em 0.1em; color: #" + fgcolor,
+        cssstyles="border-style: solid; border-radius: 5px",
     )
     formatter.format(token_stream, buf)
     return buf.getvalue()
diff --git a/xonsh/webconfig/elm-src/XonshData.elm b/xonsh/webconfig/elm-src/XonshData.elm
index 1a9fd5dee..800796766 100644
--- a/xonsh/webconfig/elm-src/XonshData.elm
+++ b/xonsh/webconfig/elm-src/XonshData.elm
@@ -14,6 +14,6 @@ type alias PromptData =
 
 prompts : List PromptData
 prompts =
-    [ { name = "Default", value = "{env_name}{BOLD_GREEN}{user}@{hostname}{BOLD_BLUE} {cwd}{branch_color}{curr_branch: {}}{NO_COLOR} {BOLD_BLUE}{prompt_end}{NO_COLOR} ", display = "<div class=\"highlight\" style=\"background: #ffffff\"><pre style=\"color: #000000; line-height: 125%\"><span></span><span style=\"\">(env) </span><span style=\"color: #007f00; font-weight: bold\">lou@carcolh</span><span style=\"color: #00007f; font-weight: bold\"> ~/snail/stuff</span><span style=\"color: #ff0000; font-weight: bold\"> branch</span><span style=\"\"> </span><span style=\"color: #00007f; font-weight: bold\">$</span><span style=\"\"> </span></pre></div>" }
-    , { name = "Just a Dollar", value = "$ ", display = "<div class=\"highlight\" style=\"background: #ffffff\"><pre style=\"color: #000000; line-height: 125%\"><span></span><span style=\"\">$ </span></pre></div>" }
+    [ { name = "Default", value = "{env_name}{BOLD_GREEN}{user}@{hostname}{BOLD_BLUE} {cwd}{branch_color}{curr_branch: {}}{NO_COLOR} {BOLD_BLUE}{prompt_end}{NO_COLOR} ", display = "<div class=\"highlight\" style=\"background: #ffffff; border-style: solid; border-radius: 5px\"><pre style=\"margin: 0em; padding: 0.5em 0.1em; color: #000000; line-height: 125%\"><span></span><code><span style=\"\">(env) </span><span style=\"color: #007f00; font-weight: bold\">lou@carcolh</span><span style=\"color: #00007f; font-weight: bold\"> ~/snail/stuff</span><span style=\"color: #ff0000; font-weight: bold\"> branch</span><span style=\"\"> </span><span style=\"color: #00007f; font-weight: bold\">$</span><span style=\"\"> </span></code></pre></div>" }
+    , { name = "Just a Dollar", value = "$ ", display = "<div class=\"highlight\" style=\"background: #ffffff; border-style: solid; border-radius: 5px\"><pre style=\"margin: 0em; padding: 0.5em 0.1em; color: #000000; line-height: 125%\"><span></span><code><span style=\"\">$ </span></code></pre></div>" }
     ]