diff --git a/CHANGELOG.md b/CHANGELOG.md
index 728336ced9198f32ff8312778878bf8baf795004..2197032a017e6452f092b64e8dcb6b8c82a5f6ea 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,6 +14,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Fixed items placed in right sidebar of Section not receiving the correct classes
 - Fixed Margin Component opacity not working when set to 0
 - Modified Event pattern to render breadcrumbs only if /events url exists
+- Fixed Call to Action Buttons not having space between them in Safari
 
 ## [2.7.0] - 09/03/2020
 
diff --git a/patterns/molecules/call-action/css/calltoaction.component.css b/patterns/molecules/call-action/css/calltoaction.component.css
index 67dde57ae49ae702d92b09bec5574d26743c9cc8..ae9ff7aff733914bcdd56a4092a996fc8e922822 100755
--- a/patterns/molecules/call-action/css/calltoaction.component.css
+++ b/patterns/molecules/call-action/css/calltoaction.component.css
@@ -23,7 +23,8 @@
   font-family: "cern-icons";
   src: url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.eot?") format("eot"), url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.woff2") format("woff2"), url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.woff") format("woff"), url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.ttf") format("truetype"), url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.svg#cern-icons") format("svg"); }
 .component-call-to-action {
-  word-break: break-all; }
+  word-break: break-all;
+  margin-top: 10px; }
   .component-call-to-action.center {
     text-align: center; }
   .component-call-to-action.left {
@@ -93,3 +94,5 @@
           font-weight: normal; }
     .component-call-to-action__wrapper.simple-link:hover a {
       background: transparent; }
+
+/*# sourceMappingURL=calltoaction.component.css.map */
diff --git a/patterns/molecules/call-action/sass/calltoaction.component.scss b/patterns/molecules/call-action/sass/calltoaction.component.scss
index 100dfe1b61b5cbec0b0240ca3bcaacde4155d82f..1e59da802a680630ceb65087d8759bb26dac5769 100755
--- a/patterns/molecules/call-action/sass/calltoaction.component.scss
+++ b/patterns/molecules/call-action/sass/calltoaction.component.scss
@@ -45,6 +45,8 @@
 //* ****************************************** call to actions with icon */
 .component-call-to-action {
   word-break: break-all;
+  margin-top: 10px;
+
   &.center {
     text-align: center;
   }