Fix css class

app/assets/javascripts/environments/components/environment.js.es6

@@ -64,6 +64,7 @@
         state: this.store.state,
         visibility: 'available',
         isLoading: false,
+        cssContainerClass: environmentsData.cssClass,
         endpoint: environmentsData.environmentsDataEndpoint,
         canCreateDeployment: environmentsData.canCreateDeployment,
         canReadEnvironment: environmentsData.canReadEnvironment,
@@ -150,7 +151,7 @@
     },
 
     template: `
-      <div class="container-fluid container-limited">
+      <div :class="cssContainerClass">
         <div class="top-area">
           <ul v-if="!isLoading" class="nav-links">
             <li v-bind:class="{ 'active': scope === undefined }">

app/views/projects/environments/index.html.haml

@@ -16,4 +16,5 @@
   "project-environments-path" => project_environments_path(@project),
   "project-stopped-environments-path" => project_environments_path(@project, scope: :stopped),
   "new-environment-path" => new_namespace_project_environment_path(@project.namespace, @project),
-  "help-page-path" => help_page_path("ci/environments")}, class: container_class }
+  "help-page-path" => help_page_path("ci/environments"),
+  "css-class" => container_class}}