diff --git a/promgen/templates/promgen/project_detail_exporters.html b/promgen/templates/promgen/project_detail_exporters.html
index 8fe01c1e3..b295bdff9 100644
--- a/promgen/templates/promgen/project_detail_exporters.html
+++ b/promgen/templates/promgen/project_detail_exporters.html
@@ -7,7 +7,7 @@
 {% endif %}
 
 <div class="panel panel-default">
-  <table class="table table-bordered table-condensed">
+  <table class="table table-bordered table-condensed" style="word-break: break-all">
     <tr>
       <th>Job</th>
       <th>Port</th>
diff --git a/promgen/templates/promgen/project_row.html b/promgen/templates/promgen/project_row.html
index ac4d2f6b7..fe2ec54f3 100644
--- a/promgen/templates/promgen/project_row.html
+++ b/promgen/templates/promgen/project_row.html
@@ -3,12 +3,24 @@
     <td><a href="{{project.get_absolute_url}}" v-pre>{{ project.name }}</a></td>
 
     <td>
-        <table style="width: 100%">
+        <table class="p-0" style="width: 100%; table-layout: fixed; padding: 0;">
             {% for exporter in project.exporter_set.all %}
             <tr {% if not exporter.enabled %}class="promgen-disabled" {% endif %}>
-                <td v-pre>{{ exporter.job }}</td>
-                <td v-pre>{{ exporter.port }}</td>
-                <td v-pre>{{ exporter.path_value }}</td>
+                <td
+                    class="col-xs-4"
+                    style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 0px;"
+                    v-pre
+                >
+                    {{ exporter.job }}
+                </td>
+                <td class="col-xs-2" v-pre>{{ exporter.port }}</td>
+                <td
+                    class="col-xs-6"
+                    style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 0px;"
+                    v-pre
+                >
+                    {{ exporter.path_value }}
+                </td>
             </tr>
             {% empty %}
             <tr>