diff --git a/packages/clay/src/content/modals.html b/packages/clay/src/content/modals.html
index 74f39ec3dc..7d3113c02d 100644
--- a/packages/clay/src/content/modals.html
+++ b/packages/clay/src/content/modals.html
@@ -27,12 +27,14 @@ <h3>Small Modal</h3>
 				<h4>Modal Body</h4>
 			</div>
 			<div class="modal-footer">
-				<div class="btn-group">
-					<div class="btn-group-item">
-						<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
-					</div>
-					<div class="btn-group-item">
-						<button class="btn btn-primary" type="button">Primary</button>
+				<div class="modal-item-last">
+					<div class="btn-group">
+						<div class="btn-group-item">
+							<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
+						</div>
+						<div class="btn-group-item">
+							<button class="btn btn-primary" type="button">Primary</button>
+						</div>
 					</div>
 				</div>
 			</div>
@@ -67,12 +69,14 @@ <h3>Default Modal</h3>
 				<h4>Modal Body</h4>
 			</div>
 			<div class="modal-footer">
-				<div class="btn-group">
-					<div class="btn-group-item">
-						<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
-					</div>
-					<div class="btn-group-item">
-						<button class="btn btn-primary" type="button">Primary</button>
+				<div class="modal-item-last">
+					<div class="btn-group">
+						<div class="btn-group-item">
+							<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
+						</div>
+						<div class="btn-group-item">
+							<button class="btn btn-primary" type="button">Primary</button>
+						</div>
 					</div>
 				</div>
 			</div>
@@ -109,12 +113,14 @@ <h3>Large Modal</h3>
 				<h4><a href="#1">Modal Body</a></h4>
 			</div>
 			<div class="modal-footer">
-				<div class="btn-group">
-					<div class="btn-group-item">
-						<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
-					</div>
-					<div class="btn-group-item">
-						<button class="btn btn-primary" type="button">Primary</button>
+				<div class="modal-item-last">
+					<div class="btn-group">
+						<div class="btn-group-item">
+							<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
+						</div>
+						<div class="btn-group-item">
+							<button class="btn btn-primary" type="button">Primary</button>
+						</div>
 					</div>
 				</div>
 			</div>
@@ -169,12 +175,14 @@ <h4>Modal Body</h4>
 				</div>
 			</div>
 			<div class="modal-footer">
-				<div class="btn-group">
-					<div class="btn-group-item">
-						<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
-					</div>
-					<div class="btn-group-item">
-						<button class="btn btn-primary" type="button">Primary</button>
+				<div class="modal-item-last">
+					<div class="btn-group">
+						<div class="btn-group-item">
+							<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
+						</div>
+						<div class="btn-group-item">
+							<button class="btn btn-primary" type="button">Primary</button>
+						</div>
 					</div>
 				</div>
 			</div>
@@ -289,12 +297,14 @@ <h4>Modal Body</h4>
 				</div>
 			</div>
 			<div class="modal-footer">
-				<div class="btn-group">
-					<div class="btn-group-item">
-						<button class="btn btn-secondary" data-dismiss="modal" type="button">Cancel</button>
-					</div>
-					<div class="btn-group-item">
-						<button class="btn btn-primary" type="button">Add</button>
+				<div class="modal-item-last">
+					<div class="btn-group">
+						<div class="btn-group-item">
+							<button class="btn btn-secondary" data-dismiss="modal" type="button">Cancel</button>
+						</div>
+						<div class="btn-group-item">
+							<button class="btn btn-primary" type="button">Add</button>
+						</div>
 					</div>
 				</div>
 			</div>
@@ -346,12 +356,14 @@ <h4>Modal Body</h4>
 				</div>
 			</div>
 			<div class="modal-footer">
-				<div class="btn-group">
-					<div class="btn-group-item">
-						<button class="btn btn-secondary" data-dismiss="modal" type="button">Cancel</button>
-					</div>
-					<div class="btn-group-item">
-						<button class="btn btn-primary" type="button">Add</button>
+				<div class="modal-item-last">
+					<div class="btn-group">
+						<div class="btn-group-item">
+							<button class="btn btn-secondary" data-dismiss="modal" type="button">Cancel</button>
+						</div>
+						<div class="btn-group-item">
+							<button class="btn btn-primary" type="button">Add</button>
+						</div>
 					</div>
 				</div>
 			</div>
@@ -388,12 +400,14 @@ <h3>Modal Body Iframe</h3>
 				<iframe src="{{rootPath}}/content/test-users-and-organizations/"></iframe>
 			</div>
 			<div class="modal-footer">
-				<div class="btn-group">
-					<div class="btn-group-item">
-						<a class="btn btn-secondary" data-dismiss="modal" href="#1" role="button">Cancel</a>
-					</div>
-					<div class="btn-group-item">
-						<button class="btn btn-primary" type="button">Add</button>
+				<div class="modal-item-last">
+					<div class="btn-group">
+						<div class="btn-group-item">
+							<a class="btn btn-secondary" data-dismiss="modal" href="#1" role="button">Cancel</a>
+						</div>
+						<div class="btn-group-item">
+							<button class="btn btn-primary" type="button">Add</button>
+						</div>
 					</div>
 				</div>
 			</div>
@@ -440,12 +454,14 @@ <h4>Modal Body</h4>
 				</div>
 				<div class="modal-item">Some other content</div>
 				<div class="modal-item-last">
-					<div class="btn-group">
-						<div class="btn-group-item">
-							<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
-						</div>
-						<div class="btn-group-item">
-							<button class="btn btn-primary" type="button">Primary</button>
+					<div class="modal-item-last">
+						<div class="btn-group">
+							<div class="btn-group-item">
+								<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
+							</div>
+							<div class="btn-group-item">
+								<button class="btn btn-primary" type="button">Primary</button>
+							</div>
 						</div>
 					</div>
 				</div>
@@ -476,12 +492,14 @@ <h4>Modal Body</h4>
 				<h4>Modal Body</h4>
 			</div>
 			<div class="modal-footer">
-				<div class="btn-group">
-					<div class="btn-group-item">
-						<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
-					</div>
-					<div class="btn-group-item">
-						<button class="btn btn-primary" type="button">Primary</button>
+				<div class="modal-item-last">
+					<div class="btn-group">
+						<div class="btn-group-item">
+							<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
+						</div>
+						<div class="btn-group-item">
+							<button class="btn btn-primary" type="button">Primary</button>
+						</div>
 					</div>
 				</div>
 			</div>
@@ -551,12 +569,14 @@ <h4>Modal Body</h4>
 				<h4>Modal Body</h4>
 			</div>
 			<div class="modal-footer">
-				<div class="btn-group">
-					<div class="btn-group-item">
-						<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
-					</div>
-					<div class="btn-group-item">
-						<button class="btn btn-primary" type="button">Primary</button>
+				<div class="modal-item-last">
+					<div class="btn-group">
+						<div class="btn-group-item">
+							<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
+						</div>
+						<div class="btn-group-item">
+							<button class="btn btn-primary" type="button">Primary</button>
+						</div>
 					</div>
 				</div>
 			</div>