diff --git a/components/com_content/tmpl/category/blog.php b/components/com_content/tmpl/category/blog.php
index 781fdfb100f24..0fb75f53166b9 100644
--- a/components/com_content/tmpl/category/blog.php
+++ b/components/com_content/tmpl/category/blog.php
@@ -76,12 +76,10 @@
 			<?php foreach ($this->lead_items as &$item) : ?>
 				<div class="com-content-category-blog__item blog-item"
 					itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
-					<div class="blog-item-content"><!-- Double divs required for IE11 grid fallback -->
 						<?php
 						$this->item = & $item;
 						echo $this->loadTemplate('item');
 						?>
-					</div>
 				</div>
 				<?php $leadingcount++; ?>
 			<?php endforeach; ?>
@@ -98,12 +96,10 @@
 		<?php foreach ($this->intro_items as $key => &$item) : ?>
 			<div class="com-content-category-blog__item blog-item"
 				itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
-				<div class="blog-item-content"><!-- Double divs required for IE11 grid fallback -->
 					<?php
 					$this->item = & $item;
 					echo $this->loadTemplate('item');
 					?>
-				</div>
 			</div>
 		<?php endforeach; ?>
 		</div>
diff --git a/components/com_content/tmpl/featured/default.php b/components/com_content/tmpl/featured/default.php
index 799e7c80af8d6..4627ba7eefb4a 100644
--- a/components/com_content/tmpl/featured/default.php
+++ b/components/com_content/tmpl/featured/default.php
@@ -32,12 +32,10 @@
 			<?php foreach ($this->lead_items as &$item) : ?>
 				<div class="blog-item"
 					itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
-					<div class="blog-item-content"><!-- Double divs required for IE11 grid fallback -->
 						<?php
 						$this->item = & $item;
 						echo $this->loadTemplate('item');
 						?>
-					</div>
 				</div>
 				<?php $leadingcount++; ?>
 			<?php endforeach; ?>
@@ -49,12 +47,10 @@
 		<?php foreach ($this->intro_items as $key => &$item) : ?>
 			<div class="blog-item"
 				itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
-				<div class="blog-item-content"><!-- Double divs required for IE11 grid fallback -->
 					<?php
 					$this->item = & $item;
 					echo $this->loadTemplate('item');
 					?>
-				</div>
 			</div>
 		<?php endforeach; ?>
 		</div>
diff --git a/templates/cassiopeia/scss/blocks/_modifiers.scss b/templates/cassiopeia/scss/blocks/_modifiers.scss
index a2e01b5e9c56d..cc51819144d40 100644
--- a/templates/cassiopeia/scss/blocks/_modifiers.scss
+++ b/templates/cassiopeia/scss/blocks/_modifiers.scss
@@ -88,6 +88,48 @@
 
 .blog-item {
   padding: 0 ($cassiopeia-grid-gutter / 2) $cassiopeia-grid-gutter ($cassiopeia-grid-gutter / 2);
+  display: flex;
+  flex-direction: column;
+  .boxed & {
+    background-color: #fff;
+    box-shadow: 0 0 2px rgba(52, 58, 67, 0.1), 0 2px 5px rgba(52, 58, 67, 0.08), 0 5px 15px rgba(52, 58, 67, 0.08), inset 0 3px 0 $cassiopeia-template-color;
+    .item-content {
+      padding: 25px;
+    }
+  }
+  .image-left &, .image-right & {
+    flex-direction: row;
+  }
+  .item-image {
+    margin-top: 3px;
+    margin-bottom: 15px;
+    overflow: hidden;
+    .boxed & {
+      margin-bottom: 0;
+    }
+    .image-right & {
+      order: 1;
+    }
+    .image-bottom & {
+      order: 1;
+      margin-top: -15px;
+    }
+  }
+  .item-content {
+    .image-left & {
+      padding-left: 25px;
+    }
+    .image-right & {
+      padding-right: 25px;
+    }
+  }
+  .image-left &, .image-right & {
+    flex-direction: column;
+
+    @include media-breakpoint-up(sm) {
+      flex-direction: row;
+    }
+  }
 }
 
 @supports (display: grid) {
@@ -146,51 +188,6 @@
   }
 }
 
-.blog-item-content {
-  display: flex;
-  flex-direction: column;
-  .boxed & {
-    background-color: #fff;
-    box-shadow: 0 0 2px rgba(52, 58, 67, 0.1), 0 2px 5px rgba(52, 58, 67, 0.08), 0 5px 15px rgba(52, 58, 67, 0.08), inset 0 3px 0 $cassiopeia-template-color;
-    .item-content {
-      padding: 25px;
-    }
-  }
-  .image-left &, .image-right & {
-    flex-direction: row;
-  }
-  .item-image {
-    margin-top: 3px;
-    margin-bottom: 15px;
-    overflow: hidden;
-    .boxed & {
-      margin-bottom: 0;
-    }
-    .image-right & {
-      order: 1;
-    }
-    .image-bottom & {
-      order: 1;
-      margin-top: -15px;
-    }
-  }
-  .item-content {
-    .image-left & {
-      padding-left: 25px;
-    }
-    .image-right & {
-      padding-right: 25px;
-    }
-  }
-  .image-left &, .image-right & {
-    flex-direction: column;
-
-    @include media-breakpoint-up(sm) {
-      flex-direction: row;
-    }
-  }
-}
-
 .image-alternate {
   .blog-item:nth-of-type(2n+1) {
     .item-image {