diff --git a/app/assets/stylesheets/components/table.scss b/app/assets/stylesheets/components/table.scss
index 563323692..f06cd9ce5 100644
--- a/app/assets/stylesheets/components/table.scss
+++ b/app/assets/stylesheets/components/table.scss
@@ -446,3 +446,7 @@ a.table-show-more-link {
   overflow: hidden;
   text-overflow: ellipsis;
 }
+
+.spark-bar-bar {
+  width: 100%;
+}
diff --git a/app/templates/components/table.html b/app/templates/components/table.html
index 76617b775..6a9b20033 100644
--- a/app/templates/components/table.html
+++ b/app/templates/components/table.html
@@ -183,17 +183,13 @@
   id=None
 ) %}
   {% call field(align='right') %}
-    <style nonce="{{ csp_nonce() }}">
-      {% if id %}
+    {% if id %}
+      <style nonce="{{ csp_nonce() }}">
         #{{id}} .spark-bar-bar {
           width: {{ count / max_count * 100 }}%;
         }
-      {% else %}
-        .spark-bar-bar {
-          width: 100%;
-        }
-      {% endif %}
-    </style>
+      </style>
+    {% endif %}
     <span {% if id %}id="{{ id }}"{% endif %} class="spark-bar">
       <span class="spark-bar-bar">
         {{ '{:,.0f}'.format(count) }}