diff --git a/src/components/ContentSeparator/ContentSeparator.style.scss b/src/components/ContentSeparator/ContentSeparator.style.scss
index 2d52f0227..34dccb44d 100644
--- a/src/components/ContentSeparator/ContentSeparator.style.scss
+++ b/src/components/ContentSeparator/ContentSeparator.style.scss
@@ -5,6 +5,7 @@
   flex-direction: row;
 
   &[data-gradient='true'] {
+    &:before,
     &:after {
       border-bottom: none;
       height: 1px;
@@ -12,6 +13,7 @@
     }
   }
 
+  &:before,
   &:after {
     content: '';
     flex: 1 1;