diff --git a/assets/scripts/app/templates/env_vars.hbs b/assets/scripts/app/templates/env_vars.hbs
index 5f4566de..4d3c21a1 100644
--- a/assets/scripts/app/templates/env_vars.hbs
+++ b/assets/scripts/app/templates/env_vars.hbs
@@ -18,8 +18,8 @@
     <p>
       Name: {{name}}<br/>
       Value: {{value}}<br/>
-      <a href="#" {{action "edit"}}>Edit</a>
-      <a href="#" {{action "delete"}}>Delete</a>
+      <a href="#" class="edit_var"{{action "edit"}}>Edit</a>
+      <a href="#" class="delete_var"{{action "delete"}}>Delete</a>
     </p>
   {{/if}}
 {{/each}}
diff --git a/assets/styles/settings.sass b/assets/styles/settings.sass
index 3e463e9c..02b54d6c 100644
--- a/assets/styles/settings.sass
+++ b/assets/styles/settings.sass
@@ -40,6 +40,7 @@ a.env_var_add
   padding: 8px 12px 8px 12px
   font-size: 13px
   line-height: 70px
+  cursor: pointer
 
 input.env-name
   margin-left: 6px
@@ -77,4 +78,24 @@ a.cancel-env-var
 
 input[type="checkbox"]
   display: inline-block
-  vertical-align: middle
\ No newline at end of file
+  vertical-align: middle
+
+a.edit_var
+  display: inline-block
+  margin: 6px 0 15px 0
+  color: #ffffff
+  background-color: #bcbcbb
+  border-radius: 4px
+  padding: 4px 15px 4px 15px
+  font-size: 13px
+  cursor: pointer
+
+a.delete_var
+  display: inline-block
+  margin: 6px 0 15px 0
+  color: #ffffff
+  background-color: #932828
+  border-radius: 4px
+  padding: 4px 15px 4px 15px
+  font-size: 13px
+  cursor: pointer
\ No newline at end of file