diff --git a/libraries/default/RequestProcessors/templates/LocalTool/GenericRequest.php b/libraries/default/RequestProcessors/templates/LocalTool/GenericRequest.php
index df45df9..514dc6f 100644
--- a/libraries/default/RequestProcessors/templates/LocalTool/GenericRequest.php
+++ b/libraries/default/RequestProcessors/templates/LocalTool/GenericRequest.php
@@ -109,7 +109,7 @@ $requestData = $this->Bootstrap->collapse(
         'title' => __('Inter-connection data'),
         'open' => true,
     ],
-    sprintf('<pre class="p-2 rounded mb-0" style="background: #eee;"><code>%s</code></pre>', json_encode($request['data'], JSON_PRETTY_PRINT))
+    sprintf('<pre class="p-2 rounded mb-0" style="background: #eeeeee55;"><code>%s</code></pre>', json_encode($request['data'], JSON_PRETTY_PRINT))
 );
 
 $bodyHtml = sprintf('<div class="py-2"><div>%s</div>%s</div><div class="d-none">%s</div>',
diff --git a/src/View/Helper/BootstrapHelper.php b/src/View/Helper/BootstrapHelper.php
index d0562f1..22895fa 100644
--- a/src/View/Helper/BootstrapHelper.php
+++ b/src/View/Helper/BootstrapHelper.php
@@ -1142,7 +1142,7 @@ class BoostrapProgressTimeline extends BootstrapGeneric {
             ],
         ], $textLis);
         $html = $this->genNode('div', [
-            'class' => ['progress-timeline']
+            'class' => ['progress-timeline', 'mw-75', 'mx-auto']
         ], $ulIcons . $ulText);
         return $html;
     }
diff --git a/webroot/css/bootstrap-additional.css b/webroot/css/bootstrap-additional.css
index e25fd7c..95e2e80 100644
--- a/webroot/css/bootstrap-additional.css
+++ b/webroot/css/bootstrap-additional.css
@@ -1,3 +1,23 @@
+/* utils */
+.mw-75 {
+    max-width: 75% !important;
+  }
+.mw-50 {
+    max-width: 50% !important;
+}
+.mw-25 {
+    max-width: 25% !important;
+}
+.mh-75 {
+    max-width: 75% !important;
+}
+.mh-50 {
+    max-width: 50% !important;
+}
+.mh-25 {
+    max-width: 25% !important;
+}
+
 /* Toast */
 .toast {
     min-width: 250px;