diff --git a/ui/css/main.scss b/ui/css/main.scss
index 98bbfd40a..4ab9e4e7b 100644
--- a/ui/css/main.scss
+++ b/ui/css/main.scss
@@ -1903,10 +1903,6 @@ button[disabled] {
   pointer-events: none;
 }
 
-@media (orientation: portrait) {
-  @import "./portrait.scss";
-}
-
 .external_compliance_state {
   footer: {
     margin-top: 15px;
@@ -1929,3 +1925,7 @@ button[disabled] {
     margin-right: 0px;
   };
 }
+
+@media (orientation: portrait) {
+  @import "./portrait.scss";
+}
diff --git a/ui/css/portrait.scss b/ui/css/portrait.scss
index e88147044..8e5cfd5df 100644
--- a/ui/css/portrait.scss
+++ b/ui/css/portrait.scss
@@ -468,6 +468,15 @@ main {
   }
 }
 
+.external_compliance_state {
+  main {
+    margin-bottom: 4vh;
+  }
+  footer {
+    margin-top: 0;
+  }
+}
+
 .maintenance_state,
 .locked_state {
   header {
diff --git a/ui/main.css b/ui/main.css
index 830ae8785..9136d232f 100644
--- a/ui/main.css
+++ b/ui/main.css
@@ -3445,6 +3445,36 @@ button[disabled] {
   pointer-events: none;
 }
 
+.external_compliance_state {
+  footer-margin-top: 15px;
+}
+
+.external_compliance_state footer {
+  margin-top: 5vh;
+}
+
+.external-validation-info {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+          justify-content: space-between;
+}
+.external-validation-info div {
+  margin-right: 15px;
+}
+.external-validation-info div:last-child {
+  margin-right: 0px;
+}
+
 @media (orientation: portrait) {
   header {
     padding: 2vh;
@@ -3947,6 +3977,12 @@ button[disabled] {
   .info-no-image main {
     margin-bottom: 10vh;
   }
+  .external_compliance_state main {
+    margin-bottom: 4vh;
+  }
+  .external_compliance_state footer {
+    margin-top: 0;
+  }
   .maintenance_state header,
   .locked_state header {
     height: 36vh;
@@ -4284,32 +4320,3 @@ button[disabled] {
     gap: 1vh;
   }
 }
-.external_compliance_state {
-  footer-margin-top: 15px;
-}
-
-.external_compliance_state footer {
-  margin-top: 5vh;
-}
-
-.external-validation-info {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: row;
-          flex-direction: row;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-          justify-content: space-between;
-}
-.external-validation-info div {
-  margin-right: 15px;
-}
-.external-validation-info div:last-child {
-  margin-right: 0px;
-}