diff --git a/modules/ui/src/app/components/callout/callout.component.scss b/modules/ui/src/app/components/callout/callout.component.scss
index 20f30e28f..8a9d77125 100644
--- a/modules/ui/src/app/components/callout/callout.component.scss
+++ b/modules/ui/src/app/components/callout/callout.component.scss
@@ -31,6 +31,18 @@
   top: 60px;
 }
 
+@media (width < 742px) {
+  :host + ::ng-deep app-callout {
+    top: 80px;
+  }
+}
+
+@media (width < 490px) {
+  :host + ::ng-deep app-callout {
+    top: 100px;
+  }
+}
+
 .callout-container {
   display: flex;
   box-sizing: border-box;