diff --git a/_inc/client/at-a-glance/style.scss b/_inc/client/at-a-glance/style.scss
index 72ea09bf13a3c..431a2a02d8e78 100644
--- a/_inc/client/at-a-glance/style.scss
+++ b/_inc/client/at-a-glance/style.scss
@@ -360,6 +360,11 @@
 
 .jp-connection-settings__modal.dops-modal {
 	max-width: 635px;
+	min-height: 400px;
+
+	@include breakpoint( '>660px' ) {
+		min-height: auto;
+	}
 }
 
 .jp-connection-settings__modal-body {
diff --git a/_inc/client/components/jetpack-termination-dialog/style.scss b/_inc/client/components/jetpack-termination-dialog/style.scss
index 167073eda0558..cf46fe04496a7 100644
--- a/_inc/client/components/jetpack-termination-dialog/style.scss
+++ b/_inc/client/components/jetpack-termination-dialog/style.scss
@@ -51,6 +51,7 @@
 
 	.jetpack-termination-dialog__feature {
 		width: calc( 100% - 2em );
+
 		@include breakpoint( '>660px' ) {
 			width: calc( 50% - 2em );
 		}
@@ -113,25 +114,55 @@
 	font-weight: normal;
 	line-height: 24px;
 	margin-top: 29px;
+	margin-bottom: 120px;
 
 	// replicates behavior from .dops-card and keeps this centered
 	@include breakpoint( '>480px' ) {
 		margin-top: 37px;
 	}
+	@include breakpoint( '>680px' ) {
+		margin-bottom: 0;
+	}
+}
+
+.admin-bar .dops-modal-wrapper {
+	@media only screen and ( min-width: 600px ) {
+		top: 46px;
+	}
+	@media only screen and ( min-width: 782px ) {
+		top: 32px;
+	}
 }
 
 .jetpack-termination-dialog__button-row {
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
+	position: fixed;
+	background: $white;
+	bottom: 0;
+	margin-left: -16px;
+	width: 100%;
+	padding: 10px 16px;
+	border-top: 1px solid $gray;
+	box-sizing: border-box;
 
 	p {
 		text-align: center;
 		margin-top: 0;
 	}
 
+	@include breakpoint( '>480px' ) {
+		margin-left: -24px;
+		padding: 10px 24px;
+	}
+
 	@include breakpoint( '>660px' ) {
 		flex-direction: row;
+		position: relative;
+		margin-left: 0;
+		padding: 0;
+		border-top: none;
 
 		p {
 			text-align: auto;