diff --git a/tensorboard/java/org/tensorflow/tensorboard/vulcanize/Vulcanize.java b/tensorboard/java/org/tensorflow/tensorboard/vulcanize/Vulcanize.java
index <HASH>..<HASH> 100644
--- a/tensorboard/java/org/tensorflow/tensorboard/vulcanize/Vulcanize.java
+++ b/tensorboard/java/org/tensorflow/tensorboard/vulcanize/Vulcanize.java
@@ -187,6 +187,9 @@ public final class Vulcanize {
     createFile(
         jsOutput, shouldExtractJs ? extractAndTransformJavaScript(document, jsPath) : "");
     Document normalizedDocument = getFlattenedHTML5Document(document);
+    // Prevent from correcting the DOM structure and messing up the whitespace
+    // in the template.
+    normalizedDocument.outputSettings().prettyPrint(false);
     createFile(output, normalizedDocument.toString());
   }
vulc: fix pretty print messing up whitespace (#<I>)

Our data location in the runs selector use tf-wbr-string which is

roughly written as `<template>[[prop]]<wbr></template>`. With the pretty

print, this was rewritten as

```

<template>

  [[prop]]

  <wbr>

</template>

```

which has whitespace and make the browser render the whitespace.



This change fixes the issue by turning off the pretty print.