diff --git a/inst/htmlwidgets/apexcharter.css b/inst/htmlwidgets/apexcharter.css
new file mode 100644
index 0000000..3c31d52
--- /dev/null
+++ b/inst/htmlwidgets/apexcharter.css
@@ -0,0 +1,8 @@
+
+/* Spark box styles */
+.apexcharter-spark-box {
+  border-radius: 0.5rem;
+  margin-bottom: 10px;
+  box-shadow: 0 1px 28px -12px #3B4252;
+}
+
diff --git a/inst/htmlwidgets/apexcharter.js b/inst/htmlwidgets/apexcharter.js
index bd3201a..c4faf25 100644
--- a/inst/htmlwidgets/apexcharter.js
+++ b/inst/htmlwidgets/apexcharter.js
@@ -127,8 +127,6 @@ HTMLWidgets.widget({
         axOpts = x.ax_opts;
         
         if (x.sparkbox) {
-          el.style.padding = "3px 0 0 0";
-          el.style.boxShadow = "0px 1px 22px -12px #607D8B";
           el.style.background = x.sparkbox.background;
           el.classList.add("apexcharter-spark-box");
         }
diff --git a/inst/htmlwidgets/apexcharter.yaml b/inst/htmlwidgets/apexcharter.yaml
index 4fc8e5b..78353bc 100644
--- a/inst/htmlwidgets/apexcharter.yaml
+++ b/inst/htmlwidgets/apexcharter.yaml
@@ -3,6 +3,10 @@ dependencies:
     version: 3.19.2
     src: htmlwidgets/lib/apexcharts-3.19
     script: apexcharts.min.js
+  - name: apexcharter-css
+    version: 0.1.0
+    src: htmlwidgets
+    stylesheet: apexcharter.css
   - name: d3-format
     version: 1.4.2
     src: htmlwidgets/lib/d3-format