diff --git a/qiskit/visualization/text.py b/qiskit/visualization/text.py
index 56c29ff15cf..59e9a0e146a 100644
--- a/qiskit/visualization/text.py
+++ b/qiskit/visualization/text.py
@@ -459,8 +459,9 @@ def __str__(self):
     def _repr_html_(self):
         return '<pre style="word-wrap: normal;' \
                'white-space: pre;' \
-               'line-height: 15px;' \
-               'font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace">' \
+               'background: #fff0;' \
+               'line-height: 1.1;' \
+               'font-family: &quot;Courier New&quot;,Courier,monospace">' \
                '%s</pre>' % self.single_string()
 
     def _get_qubit_labels(self):
diff --git a/test/python/visualization/test_circuit_text_drawer.py b/test/python/visualization/test_circuit_text_drawer.py
index 2d171e986af..94f385af978 100644
--- a/test/python/visualization/test_circuit_text_drawer.py
+++ b/test/python/visualization/test_circuit_text_drawer.py
@@ -540,9 +540,9 @@ def test_text_measure_html(self):
         """ The measure operator. HTML representation. """
         expected = '\n'.join(["<pre style=\"word-wrap: normal;"
                               "white-space: pre;"
-                              "line-height: 15px;"
-                              "font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,"
-                              "Courier,monospace\">"
+                              "background: #fff0;"
+                              "line-height: 1.1;"
+                              "font-family: &quot;Courier New&quot;,Courier,monospace\">"
                               "        ┌─┐",
                               "q_0: |0>┤M├",
                               "        └╥┘",