diff --git a/cloud/bmaas/bmdb/webug/templates/base.gohtml b/cloud/bmaas/bmdb/webug/templates/base.gohtml
index 46dec82..c1ab4e2 100644
--- a/cloud/bmaas/bmdb/webug/templates/base.gohtml
+++ b/cloud/bmaas/bmdb/webug/templates/base.gohtml
@@ -62,6 +62,18 @@
         background-color: #e8f8e8;
     }
 
+    /* Colouring of the Machine State in fragment_tag_provided.gohtml. */
+    b.StatusMissing,
+    b.StatusProvisioning,
+    b.StatusProvisioningFailedPermanent,
+    b.StatusStopped
+    {
+        color: red;
+    }
+    b.StatusRunning {
+        color: green;
+    }
+
     /* Generic font style tags for any element. */
     .small {
         font-size: 0.8em;
diff --git a/cloud/bmaas/bmdb/webug/templates/fragment_tag_provided.gohtml b/cloud/bmaas/bmdb/webug/templates/fragment_tag_provided.gohtml
index b2b9346..ae4d182 100644
--- a/cloud/bmaas/bmdb/webug/templates/fragment_tag_provided.gohtml
+++ b/cloud/bmaas/bmdb/webug/templates/fragment_tag_provided.gohtml
@@ -1,4 +1,5 @@
 {{- $provider := (.Field "provider").HumanValue }}
 {{- $pid := (.Field "provider_id").HumanValue }}
 {{- $location := (.Field "provider_location").HumanValue }}
-<b>{{ .Type.Name }}</b>({{- $provider }}, {{ $location }}, <a href="/provider/{{ $provider }}/{{ $pid }}" style="font-family: mono">{{ $pid }}</a>)
+{{- $status := (.Field "provider_status").HumanValue }}
+<b class="Status{{ $status }}">{{ .Type.Name }}</b>({{- $provider }}, {{ $location }}, <a href="/provider/{{ $provider }}/{{ $pid }}" style="font-family: mono">{{ $pid }}</a>)