diff --git a/src/app/connections/connection-item/connection-item.component.html b/src/app/connections/connection-item/connection-item.component.html
index 93da90f..e3e49c9 100644
--- a/src/app/connections/connection-item/connection-item.component.html
+++ b/src/app/connections/connection-item/connection-item.component.html
@@ -1,5 +1,5 @@
 <section [class.twitch]="connection().type == 'twitch'"
-         [class.spotify]="connection().type == 'spotify'">
+         [class.nightbot]="connection().type == 'nightbot'">
   {{connection().name}}
 
   <article class="right">
diff --git a/src/app/connections/connection-item/connection-item.component.scss b/src/app/connections/connection-item/connection-item.component.scss
index 22a0489..bcf315f 100644
--- a/src/app/connections/connection-item/connection-item.component.scss
+++ b/src/app/connections/connection-item/connection-item.component.scss
@@ -2,6 +2,14 @@ section {
   padding: 1em;
 }
 
+.twitch {
+  border-left: 1em solid #6441A5;
+}
+
+.nightbot {
+  border-left: 1em solid #3D5D9A;
+}
+
 .right {
   float: right;
 }