diff --git a/app/assets/stylesheets/shared.scss b/app/assets/stylesheets/shared.scss
index 92d30c85..a0987b93 100644
--- a/app/assets/stylesheets/shared.scss
+++ b/app/assets/stylesheets/shared.scss
@@ -33,7 +33,6 @@ html, body {
 .background {
   height: 350px;
   width: 100%;
-  background: asset-url('greenlight_background');
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index c670ddb5..fb6dfd07 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -26,7 +26,8 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
     <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
   </head>
 
-  <body class="app-background" data-controller="<%= params[:controller] %>" data-action="<%= params[:action] %>" data-resource="<%= params[:resource] %>">
+  <body class="app-background" data-controller="<%= params[:controller] %>" data-action="<%= params[:action] %>" data-resource="<%= params[:resource] %>"
+    style="background:url(<%= image_path('greenlight_background.png') if params[:controller] == 'landing' %>);">
     <!-- Messages -->
     <div id='alerts'>
     </div>
