From 3f4222e5e42abf20d58844d4f089cb13846d8c56 Mon Sep 17 00:00:00 2001
From: Conor Wright <Conor.Wright@blackbaud.com>
Date: Wed, 7 Mar 2018 17:17:05 -0500
Subject: [PATCH] Resolving Card action bar still visable after hiding with
 *ngIf #1421

---
 src/modules/card/card-actions.component.scss | 7 +++++++
 src/modules/card/card-actions.component.ts   | 1 +
 src/modules/card/card.component.scss         | 2 --
 3 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 src/modules/card/card-actions.component.scss

diff --git a/src/modules/card/card-actions.component.scss b/src/modules/card/card-actions.component.scss
new file mode 100644
index 000000000..3027c1729
--- /dev/null
+++ b/src/modules/card/card-actions.component.scss
@@ -0,0 +1,7 @@
+@import "../../scss/mixins";
+
+:host {
+    display: block;
+    @include sky-border(light, top);
+    padding: $sky-padding-3_4 0;
+}
\ No newline at end of file
diff --git a/src/modules/card/card-actions.component.ts b/src/modules/card/card-actions.component.ts
index aa955f173..7b6db7f03 100644
--- a/src/modules/card/card-actions.component.ts
+++ b/src/modules/card/card-actions.component.ts
@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'sky-card-actions',
+  styleUrls: ['./card-actions.component.scss'],
   templateUrl: '../shared/simple-content.html'
 })
 export class SkyCardActionsComponent { }
diff --git a/src/modules/card/card.component.scss b/src/modules/card/card.component.scss
index 21a48c63e..5d6759ed6 100644
--- a/src/modules/card/card.component.scss
+++ b/src/modules/card/card.component.scss
@@ -88,10 +88,8 @@
 }
 
 .sky-card-actions {
-    @include sky-border(light, top);
     bottom: 0;
     flex-shrink: 0;
-    padding: $sky-padding-3_4 0;
     text-align: center;
 
     .sky-context-menu-btn {