diff --git a/.storybook/config.js b/.storybook/config.js
index 55570b93f..49b02ee5c 100644
--- a/.storybook/config.js
+++ b/.storybook/config.js
@@ -54,7 +54,7 @@ const APM_THEMES = [
   {
     name: 'APM/Saffron',
     url:
-      'https://d36t0nm30n26wn.cloudfront.net/saffron/4.0.2/bootstrap-saffron.min.css'
+      'https://d36t0nm30n26wn.cloudfront.net/saffron/4.3.1/bootstrap-saffron.min.css'
   },
   {
     name: 'APM/Cayenne',
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
index d2ae3b00a..3b0097b64 100644
--- a/.storybook/preview-head.html
+++ b/.storybook/preview-head.html
@@ -1,7 +1,7 @@
-<link id="theme" rel="stylesheet" href="https://d36t0nm30n26wn.cloudfront.net/saffron/4.0.3/bootstrap-saffron.min.css">
+<link id="theme" rel="stylesheet" href="https://d36t0nm30n26wn.cloudfront.net/saffron/4.3.1/bootstrap-saffron.min.css">
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
 <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
 <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
 <link href="https://fonts.googleapis.com/css?family=Libre+Franklin:100,400,600,800" rel="stylesheet">
 <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700" rel="stylesheet">
-<link href="https://use.typekit.net/uao7jmm.css" rel="stylesheet">
\ No newline at end of file
+<link href="https://use.typekit.net/uao7jmm.css" rel="stylesheet">
diff --git a/docs/iframe.html b/docs/iframe.html
index 75c86cb3e..ceaa0711a 100644
--- a/docs/iframe.html
+++ b/docs/iframe.html
@@ -16,7 +16,7 @@
         }
     </script>
     <title>Storybook</title>
-    <link id="theme" rel="stylesheet" href="https://d36t0nm30n26wn.cloudfront.net/saffron/4.0.3/bootstrap-saffron.min.css">
+    <link id="theme" rel="stylesheet" href="https://d36t0nm30n26wn.cloudfront.net/saffron/4.3.1/bootstrap-saffron.min.css">
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
 <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
 <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
@@ -30,4 +30,4 @@
     <div id="error-display"></div>
 <script type="text/javascript" src="static/preview.8146a4ef49da8a14d42f.bundle.js"></script></body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/src/components/SummaryBoxItem.js b/src/components/SummaryBoxItem.js
index 7a5fdb5fb..a40d1430f 100644
--- a/src/components/SummaryBoxItem.js
+++ b/src/components/SummaryBoxItem.js
@@ -18,7 +18,7 @@ const SummaryBoxItem = ({ className, label, reverse, value, ...props }) => {
     <Card
       color="secondary"
       outline
-      className={classnames('rounded-0 shadow-0 bg-white border-secondary', className)}
+      className={classnames('rounded-0 shadow-none bg-white border-secondary', className)}
       {...props}
     >
       <CardBody className={bodyClassNames}>