diff --git a/cms/static/sass/views/_dashboard.scss b/cms/static/sass/views/_dashboard.scss
index d27fa955b0ac..5ce8d308f26f 100644
--- a/cms/static/sass/views/_dashboard.scss
+++ b/cms/static/sass/views/_dashboard.scss
@@ -314,7 +314,7 @@
       &:hover {
         background: $paleYellow;
 
-        .course-actions .view-live-button {
+        .course-actions .action-view .view {
           opacity: 1.0;
           pointer-events: auto;
         }
@@ -337,7 +337,7 @@
       // encompassing course link
       .course-link {
         @extend %ui-depth2;
-        width: flex-grid(7, 9);
+        width: flex-grid(6, 9);
         margin-right: flex-gutter();
       }
 
@@ -383,21 +383,56 @@
       .course-actions {
         @extend %ui-depth3;
         position: static;
-        width: flex-grid(2, 9);
+        width: flex-grid(3, 9);
         text-align: right;
 
+        .action {
+          display: inline-block;
+          vertical-align: middle;
+          margin-right: ($baseline/2);
+
+          &:last-child {
+            margin-right: 0;
+          }
+        }
+
+        // delete course
+        .action-delete {
+
+          // STATE: disabled
+          &.is-disabled {
+            opacity: 0.0;
+            visibility: hidden;
+            pointer-events: none;
+          }
+
+          .delete {
+            @extend %ui-btn-non;
+            @extend %t-action1;
+            color: $gray-l3;
+
+            &:hover {
+              background-color: $blue;
+              color: $gray-l6;
+            }
+          }
+        }
+
         // view live button
-        .view-live-button {
-          @extend %ui-depth3;
-          @include transition(opacity $tmg-f2 ease-in-out 0);
-          @include box-sizing(border-box);
-          padding: ($baseline/2);
-          opacity: 0.0;
-          pointer-events: none;
-
-          &:hover {
-            opacity: 1.0;
-            pointer-events: auto;
+        .action-view {
+
+          .view {
+            @extend %ui-depth3;
+            @include transition(opacity $tmg-f2 ease-in-out 0);
+            @include box-sizing(border-box);
+            padding: ($baseline/2);
+            opacity: 0.0;
+            pointer-events: none;
+
+            &:hover {
+              opacity: 1.0;
+              pointer-events: auto;
+            }
           }
         }
 
diff --git a/cms/templates/index.html b/cms/templates/index.html
index 794310901dce..d60bc63d28bb 100644
--- a/cms/templates/index.html
+++ b/cms/templates/index.html
@@ -153,8 +153,11 @@ <h3 class="course-title">${course}</h3>
             </a>
 
             <ul  class="item-actions course-actions">
-              <li class="action">
-                <a href="${lms_link}" rel="external" class="button view-button view-live-button">${_("View Live")}</a>
+              <li class="action action-view">
+                <a href="${lms_link}" rel="external" class="view button view-button view-live-button">${_("View Live")}</a>
+              </li>
+              <li class="action action-delete">
+                  <a href="#" class="delete remove-course action-icon"><i class="icon-remove-sign"></i><span class="sr">${_("Delete this course")}</span></a>
               </li>
             </ul>
           </li>
diff --git a/common/static/sass/_mixins.scss b/common/static/sass/_mixins.scss
index 3c53f0f4cfad..cf3a28fe0d02 100644
--- a/common/static/sass/_mixins.scss
+++ b/common/static/sass/_mixins.scss
@@ -188,7 +188,7 @@
   border: none;
   border-radius: ($baseline/4);
   background: none;
-  padding: 3px ($baseline/2);
+  padding: ($baseline/4) ($baseline/2);
   vertical-align: middle;
   color: $gray-l1;