fix course item button background radius

src/app/degree-planner/shared/course-item/course-item.component.html

@@ -65,6 +65,7 @@
     <div fxLayout="column" fxLayoutAlign="space-between end" fxFlex="20">
       <div *ngIf="!disabled" fxLayout="row" fxLayoutAlign="end center">
         <button
+          class="course-item-menu-button"
           mat-icon-button
           aria-label="Open course menu"
           [matMenuTriggerFor]="courseMenu"
@@ -73,9 +74,9 @@
             aria-label="Course menu"
             alt="Course menu icon"
             matTooltip="Course menu"
-            matTooltipPosition="right"
-            class="material-icons"
-            >more_horiz</mat-icon>
+            matTooltipPosition="right">
+            more_horiz
+          </mat-icon>
         </button>
         <mat-menu
           #courseMenu="matMenu"

src/app/degree-planner/shared/course-item/course-item.component.scss

@@ -58,6 +58,12 @@
   display: inline-block;
 }
 
+.course-item-menu-button {
+  width: 24px;
+  height: 24px;
+  line-height: 20px;
+}
+
 .material-icons {
   padding-top: 0;
   position: relative;