diff --git a/src/dbp-official-signature-pdf-upload.js b/src/dbp-official-signature-pdf-upload.js
index 2180f60a4727bca96940fc75e13cebbead21ceb4..a5049aec4c418c6814709b50379f5e74bae55e7d 100644
--- a/src/dbp-official-signature-pdf-upload.js
+++ b/src/dbp-official-signature-pdf-upload.js
@@ -663,7 +663,9 @@ class OfficialSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitElem
             }
 
             /* Handling for small displays (like mobile devices) */
-            @media (max-width: 680px) {
+            @media only screen
+            and (orientation: portrait)
+            and (max-width: 768px) {
                 /* Modal preview, upload and external auth */
                 div.right-container > * {
                     position: fixed;
diff --git a/src/dbp-pdf-annotation-view.js b/src/dbp-pdf-annotation-view.js
index 3805d8e3351ac569e14d2a616c32c172b394390a..4ff1adf909f3396ca40381ea5c999426cf69b2f1 100644
--- a/src/dbp-pdf-annotation-view.js
+++ b/src/dbp-pdf-annotation-view.js
@@ -320,7 +320,9 @@ export class PdfAnnotationView extends ScopedElementsMixin(DBPLitElement) {
             }
 
             /* Handling for small displays (like mobile devices) */
-            @media (max-width: 680px) {
+            @media only screen
+            and (orientation: portrait)
+            and (max-width: 768px) {
                 .nav-buttons {
                     flex-direction: column;
                 }
diff --git a/src/dbp-qualified-signature-pdf-upload.js b/src/dbp-qualified-signature-pdf-upload.js
index a3548b6b808a3ee65f54fb31d0e10263c1f4e4b5..1a77f1f651c09bb03f132408739d55a4e9b1e7ea 100644
--- a/src/dbp-qualified-signature-pdf-upload.js
+++ b/src/dbp-qualified-signature-pdf-upload.js
@@ -786,7 +786,9 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitEle
             
 
             /* Handling for small displays (like mobile devices) */
-            @media (max-width: 680px) {
+            @media only screen
+            and (orientation: portrait)
+            and (max-width: 768px) {
                 /* Modal preview, upload and external auth */
                 div.right-container > * {
                     position: fixed;
diff --git a/src/dbp-signature-verification-full.js b/src/dbp-signature-verification-full.js
index ed0b9098c06b8237ac324c47d627f689d9dc8086..329cef020438b583a518870e08fcc8411b83030e 100644
--- a/src/dbp-signature-verification-full.js
+++ b/src/dbp-signature-verification-full.js
@@ -526,7 +526,9 @@ class SignatureVerificationFull extends ScopedElementsMixin(DBPSignatureLitEleme
             }
 
             /* Handling for small displays (like mobile devices) */
-            @media (max-width: 680px) {
+            @media only screen
+            and (orientation: portrait)
+            and (max-width: 768px) {
                 /* Modal preview, upload and external auth */
                 div.right-container > * {
                     position: fixed;