Rebase to latest master due to conflict

There are now 2 graph components, one of which is a legacy component
so this reapply the changes to the right component.

app/assets/javascripts/pipelines/components/graph/graph_component_legacy.vue

@@ -2,7 +2,6 @@
 import { escape, capitalize } from 'lodash';
 import { GlLoadingIcon } from '@gitlab/ui';
 import StageColumnComponentLegacy from './stage_column_component_legacy.vue';
-import GraphWidthMixin from '../../mixins/graph_width_mixin';
 import LinkedPipelinesColumnLegacy from './linked_pipelines_column_legacy.vue';
 import GraphBundleMixin from '../../mixins/graph_pipeline_bundle_mixin';
 import { UPSTREAM, DOWNSTREAM, MAIN } from './constants';
@@ -14,7 +13,7 @@ export default {
     LinkedPipelinesColumnLegacy,
     StageColumnComponentLegacy,
   },
-  mixins: [GraphWidthMixin, GraphBundleMixin],
+  mixins: [GraphBundleMixin],
   props: {
     isLoading: {
       type: Boolean,
@@ -183,14 +182,9 @@ export default {
       class="pipeline-visualization pipeline-graph"
       :class="{ 'pipeline-tab-content': !isLinkedPipeline }"
     >
-      <div
-        :style="{
-          paddingLeft: `${graphLeftPadding}px`,
-          paddingRight: `${graphRightPadding}px`,
-        }"
-      >
+      <div class="gl-w-full">
+        <div class="container-fluid container-limited">
           <gl-loading-icon v-if="isLoading" class="m-auto" size="lg" />
-
           <pipeline-graph-legacy
             v-if="pipelineTypeUpstream"
             :type="$options.upstream"
@@ -267,4 +261,5 @@ export default {
         </div>
       </div>
     </div>
+  </div>
 </template>