diff --git a/.gitignore b/.gitignore
index 08ee457de..d00f1b286 100644
--- a/.gitignore
+++ b/.gitignore
@@ -61,4 +61,5 @@ rever/
 !/xonsh/lib
 
 # elm
-xonsh/webconfig/elm-stuff/
\ No newline at end of file
+xonsh/webconfig/elm-stuff/
+xonsh/webconfig/js/
\ No newline at end of file
diff --git a/xonsh/webconfig/elm-src/App.elm b/xonsh/webconfig/elm-src/App.elm
index a3816c56d..4cf7f4a07 100644
--- a/xonsh/webconfig/elm-src/App.elm
+++ b/xonsh/webconfig/elm-src/App.elm
@@ -1,6 +1,9 @@
-module Main exposing (main)
+import Browser
 
 import Html exposing (..)
+import Json.Decode
+import Json.Decode as Decode
+import Json.Encode as Encode
 import Bootstrap.Tab as Tab
 import Bootstrap.CDN as CDN
 import Bootstrap.Grid as Grid
@@ -24,7 +27,7 @@ update msg model =
             , Cmd.none
             )
 
-view : Model -> Html msg
+view : Model -> Html Msg
 view model =
     Tab.config TabMsg
         --|> Tab.withAnimation
@@ -44,15 +47,12 @@ view model =
             ]
         |> Tab.view model.tabState
 
---main =
---    Grid.container []
---        [ CDN.stylesheet -- creates an inline style node with the Bootstrap CSS
---       , view
-        --Grid.row []
-        --    [ Grid.col []
-        --       [ text "Some content for my view here..."]
-        --    , Grid.col [] [view tabState]
-        --    ]
---        ]
 
-main = view
\ No newline at end of file
+main : Program Decode.Value Model Msg
+main =
+  Browser.element
+        { init = \_ -> init
+        , view = view
+        , update = update
+        , subscriptions = \_ -> Sub.none
+        }