diff --git a/app/configuration/styles/card.scss b/app/configuration/styles/card.scss
new file mode 100644
index 0000000..cec00a1
--- /dev/null
+++ b/app/configuration/styles/card.scss
@@ -0,0 +1,27 @@
+.card-component {
+  max-width: 600px;
+  min-width: 300px;
+  display: block;
+}
+
+.card__header {
+  background-color: $background-02;
+  padding: 1rem 1.5rem;
+  * {
+    margin: 0;
+  }
+}
+
+.card__header--success {
+  background-color: $notification-success--light;
+}
+
+.card__header--error {
+  background-color: $accent-04--02;
+}
+
+.card__body {
+  padding: 1rem 1.5rem;
+  border: 1px solid $border-color-01;
+  border-width: 0 1px 1px;
+}
\ No newline at end of file
diff --git a/app/configuration/styles/index.scss b/app/configuration/styles/index.scss
index e532583..3d5feff 100644
--- a/app/configuration/styles/index.scss
+++ b/app/configuration/styles/index.scss
@@ -2,3 +2,5 @@
 @import "./snmp.scss";
 @import "./date-time.scss";
 @import "./firmware.scss";
+@import "./card.scss";
+