diff --git a/static/styles/settings.scss b/static/styles/settings.scss
index 036ab94af8..9136fa4ea7 100644
--- a/static/styles/settings.scss
+++ b/static/styles/settings.scss
@@ -852,119 +852,119 @@ input[type=checkbox] {
     display: none;
     list-style-type: none;
     margin-left: 0px;
-}
 
-.bots_list .image {
-    vertical-align: top;
-}
+    .image {
+        vertical-align: top;
+    }
 
-.bots_list .name {
-    font-weight: 600;
-    font-size: 1.1rem;
-    margin: 7px 5px;
+    .name {
+        font-weight: 600;
+        font-size: 1.1rem;
+        margin: 7px 5px;
 
-    overflow: hidden;
-    line-height: 1.3em;
-    text-overflow: ellipsis;
-    white-space: pre;
-}
+        overflow: hidden;
+        line-height: 1.3em;
+        text-overflow: ellipsis;
+        white-space: pre;
+    }
 
-.bots_list .regenerate_bot_api_key {
-    position: relative;
-    margin-left: 5px;
-    color: hsl(0, 0%, 67%);
-    transition: all 0.3s ease;
-}
+    .regenerate_bot_api_key {
+        position: relative;
+        margin-left: 5px;
+        color: hsl(0, 0%, 67%);
+        transition: all 0.3s ease;
 
-.bots_list .regenerate_bot_api_key:hover {
-    color: hsl(0, 0%, 27%);
-}
+        &:hover {
+            color: hsl(0, 0%, 27%);
+        }
+    }
 
-.bots_list .edit-bot-buttons {
-    padding-top: 5px;
-}
+    .edit-bot-buttons {
+        padding-top: 5px;
 
-.bots_list .edit-bot-buttons button {
-    background-color: transparent;
-}
+        button {
+            background-color: transparent;
+        }
 
-.bots_list .edit-bot-buttons .btn {
-    padding: 4px;
-}
+        .btn {
+            padding: 4px;
+        }
 
-.bots_list .edit-bot-buttons .sea-green {
-    color: hsl(177, 70%, 46%);
-}
+        .sea-green {
+            color: hsl(177, 70%, 46%);
+        }
 
-.bots_list .edit-bot-buttons .blue {
-    color: hsl(203, 77%, 56%);
-}
+        .blue {
+            color: hsl(203, 77%, 56%);
+        }
 
-.bots_list .edit-bot-buttons .danger-red {
-    color: hsl(0, 56%, 73%);
-}
+        .danger-red {
+            color: hsl(0, 56%, 73%);
+        }
 
-.bots_list .edit-bot-buttons .copy-gold {
-    color: hsl(51, 90%, 50%);
-}
+        .copy-gold {
+            color: hsl(51, 90%, 50%);
+        }
+    }
 
-.bots_list .bot-information-box {
-    position: relative;
-    display: inline-block;
-    width: calc(50% - 10px);
-    max-height: 220px;
-    margin: 5px;
+    .bot-information-box {
+        position: relative;
+        display: inline-block;
+        width: calc(50% - 10px);
+        max-height: 220px;
+        margin: 5px;
 
-    border-radius: 4px;
-    box-sizing: border-box;
+        border-radius: 4px;
+        box-sizing: border-box;
 
-    overflow: auto;
-}
+        overflow: auto;
 
-.bots_list .bot-information-box .details {
-    display: inline-block;
-    width: calc(100% - 75px);
-}
+        .details {
+            display: inline-block;
+            width: calc(100% - 75px);
+        }
+    }
 
-.bots_list img.avatar {
-    margin: 10px 5px 0px 10px;
-    height: 50px;
-    width: 50px;
-    border-radius: 4px;
-    vertical-align: top;
-    box-shadow: 0px 0px 4px hsla(0, 0%, 0%, 0.1);
-}
+    img.avatar {
+        margin: 10px 5px 0px 10px;
+        height: 50px;
+        width: 50px;
+        border-radius: 4px;
+        vertical-align: top;
+        box-shadow: 0px 0px 4px hsla(0, 0%, 0%, 0.1);
+    }
 
-.bots_list .email,
-.bots_list .type {
-    margin-bottom: 5px;
-}
+    .email,
+    .type {
+        margin-bottom: 5px;
+    }
 
-.bots_list .email .value,
-.bots_list .api_key .api-key-value-and-button {
-    display: block;
-    margin-left: 0px;
-    white-space: pre-wrap;
-    word-wrap: break-word;
-    word-break: break-all;
-    white-space: normal;
-}
+    .email .value,
+    .api_key .api-key-value-and-button {
+        display: block;
+        margin-left: 0px;
+        white-space: pre-wrap;
+        word-wrap: break-word;
+        word-break: break-all;
+        white-space: normal;
+    }
 
-.bots_list .api_key .api-key-value-and-button {
-    font-family: "Inconsolata", Menlo, monospace;
-    font-size: 0.85em;
-    display: flex;
-}
+    .api_key .api-key-value-and-button {
+        font-family: "Inconsolata", Menlo, monospace;
+        font-size: 0.85em;
+        display: flex;
+    }
 
-.bots_list .bot_info {
-    padding: 10px;
-}
+    .bot_info {
+        padding: 10px;
+    }
 
-.bot_info .field {
-    font-weight: 300;
-    text-transform: uppercase;
-    font-weight: 600;
-    color: hsl(0, 0%, 67%);
+    .field {
+        font-weight: 300;
+        text-transform: uppercase;
+        font-weight: 600;
+        color: hsl(0, 0%, 67%);
+    }
 }
 
 .bot_error {