diff --git a/backend/src/apiserver/visualization/templates/basic.tpl b/backend/src/apiserver/visualization/templates/basic.tpl
index 088dfa165ea..8026738e26b 100644
--- a/backend/src/apiserver/visualization/templates/basic.tpl
+++ b/backend/src/apiserver/visualization/templates/basic.tpl
@@ -1,11 +1,11 @@
 {%- extends 'display_priority.tpl' -%}
 
 {% block output_group %}
-<div class="output_wrapper">
-<div class="output">
-{{ super() }}
-</div>
-</div>
+  <div class="output_wrapper">
+    <div class="output">
+      {{ super() }}
+    </div>
+  </div>
 {% endblock output_group %}
 
 {#
@@ -16,208 +16,208 @@
 {% endblock output_prompt %}
 
 {% block output_area_prompt %}
-{%- if output.output_type == 'execute_result' -%}
+  {%- if output.output_type == 'execute_result' -%}
     <div class="prompt output_prompt">
     {%- if cell.execution_count is defined -%}
-        Out[{{ cell.execution_count|replace(None, "&nbsp;") }}]:
+      Out[{{ cell.execution_count|replace(None, "&nbsp;") }}]:
     {%- else -%}
-        Out[&nbsp;]:
+      Out[&nbsp;]:
     {%- endif -%}
-{%- else -%}
+  {%- else -%}
     <div class="prompt">
-{%- endif -%}
-    </div>
+  {%- endif -%}
+</div>
 {% endblock output_area_prompt %}
 
 {% block output %}
-<div class="output_area">
-{% if resources.global_content_filter.include_output_prompt %}
-    {{ self.output_area_prompt() }}
-{% endif %}
-{{ super() }}
-</div>
+  <div class="output_area">
+    {% if resources.global_content_filter.include_output_prompt %}
+      {{ self.output_area_prompt() }}
+    {% endif %}
+    {{ super() }}
+  </div>
 {% endblock output %}
 
 {% block markdowncell scoped %}
-<div class="cell border-box-sizing text_cell rendered">
-{%- if resources.global_content_filter.include_input_prompt-%}
-    {{ self.empty_in_prompt() }}
-{%- endif -%}
-<div class="inner_cell">
-<div class="text_cell_render border-box-sizing rendered_html">
-{{ cell.source  | markdown2html | strip_files_prefix }}
-</div>
-</div>
-</div>
+  <div class="cell border-box-sizing text_cell rendered">
+    {%- if resources.global_content_filter.include_input_prompt- %}
+      {{ self.empty_in_prompt() }}
+    {%- endif -%}
+    <div class="inner_cell">
+      <div class="text_cell_render border-box-sizing rendered_html">
+        {{ cell.source  | markdown2html | strip_files_prefix }}
+      </div>
+    </div>
+  </div>
 {%- endblock markdowncell %}
 
 {% block unknowncell scoped %}
-unknown type  {{ cell.type }}
+  unknown type  {{ cell.type }}
 {% endblock unknowncell %}
 
 {% block execute_result -%}
-{%- set extra_class="output_execute_result" -%}
-{% block data_priority scoped %}
-{{ super() }}
-{% endblock data_priority %}
-{%- set extra_class="" -%}
+  {%- set extra_class="output_execute_result" -%}
+  {% block data_priority scoped %}
+    {{ super() }}
+  {% endblock data_priority %}
+  {%- set extra_class="" -%}
 {%- endblock execute_result %}
 
 {% block stream_stdout -%}
-<div class="output_subarea output_stream output_stdout output_text">
+  <div class="output_subarea output_stream output_stdout output_text">
 <pre>
 {{- output.text | ansi2html -}}
 </pre>
-</div>
+  </div>
 {%- endblock stream_stdout %}
 
 {% block stream_stderr -%}
-<div class="output_subarea output_stream output_stderr output_text">
+  <div class="output_subarea output_stream output_stderr output_text">
 <pre>
 {{- output.text | ansi2html -}}
 </pre>
-</div>
+  </div>
 {%- endblock stream_stderr %}
 
 {% block data_svg scoped -%}
-<div class="output_svg output_subarea {{ extra_class }}">
-{%- if output.svg_filename %}
-<img src="{{ output.svg_filename | posix_path }}">
-{%- else %}
-{{ output.data['image/svg+xml'] }}
-{%- endif %}
-</div>
+  <div class="output_svg output_subarea {{ extra_class }}">
+    {%- if output.svg_filename %}
+      <img src="{{ output.svg_filename | posix_path }}">
+    {%- else %}
+      {{ output.data['image/svg+xml'] }}
+    {%- endif %}
+  </div>
 {%- endblock data_svg %}
 
 {% block data_html scoped -%}
-<div class="output_html rendered_html output_subarea {{ extra_class }}">
-{{ output.data['text/html'] }}
-</div>
+  <div class="output_html rendered_html output_subarea {{ extra_class }}">
+    {{ output.data['text/html'] }}
+  </div>
 {%- endblock data_html %}
 
 {% block data_markdown scoped -%}
-<div class="output_markdown rendered_html output_subarea {{ extra_class }}">
-{{ output.data['text/markdown'] | markdown2html }}
-</div>
+  <div class="output_markdown rendered_html output_subarea {{ extra_class }}">
+    {{ output.data['text/markdown'] | markdown2html }}
+  </div>
 {%- endblock data_markdown %}
 
 {% block data_png scoped %}
-<div class="output_png output_subarea {{ extra_class }}">
-{%- if 'image/png' in output.metadata.get('filenames', {}) %}
-<img src="{{ output.metadata.filenames['image/png'] | posix_path }}"
-{%- else %}
-<img src="data:image/png;base64,{{ output.data['image/png'] }}"
-{%- endif %}
-{%- set width=output | get_metadata('width', 'image/png') -%}
-{%- if width is not none %}
-width={{ width }}
-{%- endif %}
-{%- set height=output | get_metadata('height', 'image/png') -%}
-{%- if height is not none %}
-height={{ height }}
-{%- endif %}
-{%- if output | get_metadata('unconfined', 'image/png') %}
-class="unconfined"
-{%- endif %}
->
-</div>
+  <div class="output_png output_subarea {{ extra_class }}">
+    {%- if 'image/png' in output.metadata.get('filenames', {}) %}
+      <img src="{{ output.metadata.filenames['image/png'] | posix_path }}"
+    {%- else %}
+      <img src="data:image/png;base64,{{ output.data['image/png'] }}"
+    {%- endif %}
+    {%- set width=output | get_metadata('width', 'image/png') -%}
+    {%- if width is not none %}
+      width={{ width }}
+    {%- endif %}
+    {%- set height=output | get_metadata('height', 'image/png') -%}
+    {%- if height is not none %}
+      height={{ height }}
+    {%- endif %}
+    {%- if output | get_metadata('unconfined', 'image/png') %}
+           class="unconfined"
+    {%- endif %}
+    >
+  </div>
 {%- endblock data_png %}
 
 {% block data_jpg scoped %}
-<div class="output_jpeg output_subarea {{ extra_class }}">
-{%- if 'image/jpeg' in output.metadata.get('filenames', {}) %}
-<img src="{{ output.metadata.filenames['image/jpeg'] | posix_path }}"
-{%- else %}
-<img src="data:image/jpeg;base64,{{ output.data['image/jpeg'] }}"
-{%- endif %}
-{%- set width=output | get_metadata('width', 'image/jpeg') -%}
-{%- if width is not none %}
-width={{ width }}
-{%- endif %}
-{%- set height=output | get_metadata('height', 'image/jpeg') -%}
-{%- if height is not none %}
-height={{ height }}
-{%- endif %}
-{%- if output | get_metadata('unconfined', 'image/jpeg') %}
-class="unconfined"
-{%- endif %}
->
-</div>
+  <div class="output_jpeg output_subarea {{ extra_class }}">
+    {%- if 'image/jpeg' in output.metadata.get('filenames', {}) %}
+      <img src="{{ output.metadata.filenames['image/jpeg'] | posix_path }}"
+    {%- else %}
+      <img src="data:image/jpeg;base64,{{ output.data['image/jpeg'] }}"
+    {%- endif %}
+    {%- set width=output | get_metadata('width', 'image/jpeg') -%}
+    {%- if width is not none %}
+      width={{ width }}
+    {%- endif %}
+    {%- set height=output | get_metadata('height', 'image/jpeg') -%}
+    {%- if height is not none %}
+      height={{ height }}
+    {%- endif %}
+    {%- if output | get_metadata('unconfined', 'image/jpeg') %}
+           class="unconfined"
+    {%- endif %}
+    >
+  </div>
 {%- endblock data_jpg %}
 
 {% block data_latex scoped %}
-<div class="output_latex output_subarea {{ extra_class }}">
-{{ output.data['text/latex'] }}
-</div>
+  <div class="output_latex output_subarea {{ extra_class }}">
+    {{ output.data['text/latex'] }}
+  </div>
 {%- endblock data_latex %}
 
 {% block error -%}
-<div class="output_subarea output_text output_error">
+  <div class="output_subarea output_text output_error">
 <pre>
 {{- super() -}}
 </pre>
-</div>
+  </div>
 {%- endblock error %}
 
 {%- block traceback_line %}
-{{ line | ansi2html }}
+  {{ line | ansi2html }}
 {%- endblock traceback_line %}
 
 {%- block data_text scoped %}
-<div class="output_text output_subarea {{ extra_class }}">
+  <div class="output_text output_subarea {{ extra_class }}">
 <pre>
 {{- output.data['text/plain'] | ansi2html -}}
 </pre>
-</div>
+  </div>
 {%- endblock -%}
 
 {%- block data_javascript scoped %}
-{% set div_id = uuid4() %}
-<div id="{{ div_id }}"></div>
-<div class="output_subarea output_javascript {{ extra_class }}">
-<script type="text/javascript">
-var element = $('#{{ div_id }}');
-{{ output.data['application/javascript'] }}
-</script>
-</div>
+  {% set div_id = uuid4() %}
+  <div id="{{ div_id }}"></div>
+  <div class="output_subarea output_javascript {{ extra_class }}">
+    <script type="text/javascript">
+      var element = $('#{{ div_id }}');
+      {{ output.data['application/javascript'] }}
+    </script>
+  </div>
 {%- endblock -%}
 
 {%- block data_widget_state scoped %}
-{% set div_id = uuid4() %}
-{% set datatype_list = output.data | filter_data_type %}
-{% set datatype = datatype_list[0]%}
-<div id="{{ div_id }}"></div>
-<div class="output_subarea output_widget_state {{ extra_class }}">
-<script type="text/javascript">
-var element = $('#{{ div_id }}');
-</script>
-<script type="{{ datatype }}">
-{{ output.data[datatype] | json_dumps }}
-</script>
-</div>
+  {% set div_id = uuid4() %}
+  {% set datatype_list = output.data | filter_data_type %}
+  {% set datatype = datatype_list[0] %}
+  <div id="{{ div_id }}"></div>
+  <div class="output_subarea output_widget_state {{ extra_class }}">
+    <script type="text/javascript">
+      var element = $('#{{ div_id }}');
+    </script>
+    <script type="{{ datatype }}">
+      {{ output.data[datatype] | json_dumps }}
+    </script>
+  </div>
 {%- endblock data_widget_state -%}
 
 {%- block data_widget_view scoped %}
-{% set div_id = uuid4() %}
-{% set datatype_list = output.data | filter_data_type %}
-{% set datatype = datatype_list[0]%}
-<div id="{{ div_id }}"></div>
-<div class="output_subarea output_widget_view {{ extra_class }}">
-<script type="text/javascript">
-var element = $('#{{ div_id }}');
-</script>
-<script type="{{ datatype }}">
-{{ output.data[datatype] | json_dumps }}
-</script>
-</div>
+  {% set div_id = uuid4() %}
+  {% set datatype_list = output.data | filter_data_type %}
+  {% set datatype = datatype_list[0] %}
+  <div id="{{ div_id }}"></div>
+  <div class="output_subarea output_widget_view {{ extra_class }}">
+    <script type="text/javascript">
+      var element = $('#{{ div_id }}');
+    </script>
+    <script type="{{ datatype }}">
+      {{ output.data[datatype] | json_dumps }}
+    </script>
+  </div>
 {%- endblock data_widget_view -%}
 
 {%- block footer %}
-{% set mimetype = 'application/vnd.jupyter.widget-state+json'%}
-{% if mimetype in nb.metadata.get("widgets",{})%}
-<script type="{{ mimetype }}">
-{{ nb.metadata.widgets[mimetype] | json_dumps }}
-</script>
-{% endif %}
-{{ super() }}
-{%- endblock footer-%}
\ No newline at end of file
+  {% set mimetype = 'application/vnd.jupyter.widget-state+json' %}
+  {% if mimetype in nb.metadata.get("widgets",{}) %}
+    <script type="{{ mimetype }}">
+      {{ nb.metadata.widgets[mimetype] | json_dumps }}
+    </script>
+  {% endif %}
+  {{ super() }}
+{%- endblock footer- %}
\ No newline at end of file
diff --git a/backend/src/apiserver/visualization/templates/full.tpl b/backend/src/apiserver/visualization/templates/full.tpl
index 9bba022b5cb..81cd1e3838c 100644
--- a/backend/src/apiserver/visualization/templates/full.tpl
+++ b/backend/src/apiserver/visualization/templates/full.tpl
@@ -3,102 +3,110 @@
 
 
 {%- block header -%}
-<!DOCTYPE html>
-<html>
-<head>
-{%- block html_head -%}
-<meta charset="utf-8" />
-{% set nb_title = nb.metadata.get('title', '') or resources['metadata']['name'] %}
-<title>{{nb_title}}</title>
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
-
-{% block ipywidgets %}
-{%- if "widgets" in nb.metadata -%}
-<script>
-(function() {
-  function addWidgetsRenderer() {
-    var mimeElement = document.querySelector('script[type="application/vnd.jupyter.widget-view+json"]');
-    var scriptElement = document.createElement('script');
-    var widgetRendererSrc = '{{ resources.ipywidgets_base_url }}@jupyter-widgets/html-manager@*/dist/embed-amd.js';
-    var widgetState;
-
-    // Fallback for older version:
-    try {
-      widgetState = mimeElement && JSON.parse(mimeElement.innerHTML);
-
-      if (widgetState && (widgetState.version_major < 2 || !widgetState.version_major)) {
-        widgetRendererSrc = '{{ resources.ipywidgets_base_url }}jupyter-js-widgets@*/dist/embed.js';
-      }
-    } catch(e) {}
-
-    scriptElement.src = widgetRendererSrc;
-    document.body.appendChild(scriptElement);
-  }
-
-  document.addEventListener('DOMContentLoaded', addWidgetsRenderer);
-}());
-</script>
-{%- endif -%}
-{% endblock ipywidgets %}
-
-{% for css in resources.inlining.css -%}
-    <style type="text/css">
-    {{ css }}
-    </style>
-{% endfor %}
-
-<style type="text/css">
-/* Overrides of notebook CSS for static HTML export */
-body {
-  overflow: visible;
-  padding: 8px;
-}
-
-div#notebook {
-  overflow: visible;
-  border-top: none;
-}
-
-{%- if resources.global_content_filter.no_prompt-%}
-div#notebook-container{
-  padding: 6ex 12ex 8ex 12ex;
-}
-{%- endif -%}
-
-@media print {
-  div.cell {
-    display: block;
-    page-break-inside: avoid;
-  }
-  div.output_wrapper {
-    display: block;
-    page-break-inside: avoid;
-  }
-  div.output {
-    display: block;
-    page-break-inside: avoid;
-  }
-}
-</style>
-
-<!-- Custom stylesheet, it must be in the same directory as the html file -->
-<link rel="stylesheet" href="custom.css">
-
-<!-- Loading mathjax macro -->
-{{ mathjax() }}
-{%- endblock html_head -%}
-</head>
+  <!DOCTYPE html>
+  <html>
+  <head>
+    {%- block html_head -%}
+      <meta charset="utf-8"/>
+      {% set nb_title = nb.metadata.get('title', '') or resources['metadata']['name'] %}
+      <title>{{ nb_title }}</title>
+
+      <script
+          src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
+      <script
+          src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
+
+      {% block ipywidgets %}
+        {%- if "widgets" in nb.metadata -%}
+          <script>
+            (function () {
+              function addWidgetsRenderer() {
+                var mimeElement = document.querySelector(
+                    'script[type="application/vnd.jupyter.widget-view+json"]');
+                var scriptElement = document.createElement('script');
+                var widgetRendererSrc = '{{ resources.ipywidgets_base_url }}@jupyter-widgets/html-manager@*/dist/embed-amd.js';
+                var widgetState;
+
+                // Fallback for older version:
+                try {
+                  widgetState = mimeElement && JSON.parse(
+                      mimeElement.innerHTML);
+
+                  if (widgetState && (widgetState.version_major < 2
+                      || !widgetState.version_major)) {
+                    widgetRendererSrc = '{{ resources.ipywidgets_base_url }}jupyter-js-widgets@*/dist/embed.js';
+                  }
+                } catch (e) {
+                }
+
+                scriptElement.src = widgetRendererSrc;
+                document.body.appendChild(scriptElement);
+              }
+
+              document.addEventListener('DOMContentLoaded', addWidgetsRenderer);
+            }());
+          </script>
+        {%- endif -%}
+      {% endblock ipywidgets %}
+
+      {% for css in resources.inlining.css -%}
+        <style type="text/css">
+          {{ css }}
+        </style>
+      {% endfor %}
+
+      <style type="text/css">
+        /* Overrides of notebook CSS for static HTML export */
+        body {
+          overflow: visible;
+          padding: 8px;
+        }
+
+        div#notebook {
+          overflow: visible;
+          border-top: none;
+        }
+
+        {%- if resources.global_content_filter.no_prompt-%}
+          div#notebook-container {
+            padding: 6ex 12ex 8ex 12ex;
+          }
+        {%- endif -%}
+
+        @media print {
+          div.cell {
+            display: block;
+            page-break-inside: avoid;
+          }
+
+          div.output_wrapper {
+            display: block;
+            page-break-inside: avoid;
+          }
+
+          div.output {
+            display: block;
+            page-break-inside: avoid;
+          }
+        }
+      </style>
+
+      <!-- Custom stylesheet, it must be in the same directory as the html file -->
+      <link rel="stylesheet" href="custom.css">
+
+      <!-- Loading mathjax macro -->
+      {{ mathjax() }}
+    {%- endblock html_head -%}
+  </head>
 {%- endblock header -%}
 
 {% block body %}
-<body>
-{{ super() }}
-</body>
+  <body>
+  {{ super() }}
+  </body>
 {%- endblock body %}
 
 {% block footer %}
-{{ super() }}
-</html>
+  {{ super() }}
+  </html>
 {% endblock footer %}
\ No newline at end of file