diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 0ce59b1f2f7..c8322ebb4f4 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -35,6 +35,15 @@ const App = (): React.ReactElement => {
                 },
                 transitions: {
                     duration: transitionDurations
+                },
+                breakpoints: {
+                    values: {
+                        xs: 0,
+                        sm: 750,
+                        md: 900,
+                        lg: 1200,
+                        xl: 1536,
+                    },
                 }
             });
         },
diff --git a/frontend/src/components/LogViewer.module.css b/frontend/src/components/LogViewer.module.css
index bb22bd4ae7f..be110f3b855 100644
--- a/frontend/src/components/LogViewer.module.css
+++ b/frontend/src/components/LogViewer.module.css
@@ -67,7 +67,7 @@
     color: #DF5618;
 }
 
-@media print, screen and (max-width: 600px) {
+@media print, screen and (max-width: 750px) {
     .metadata {
         flex-direction:column;
         margin-right: inherit;
diff --git a/frontend/src/components/PaperContainer.module.css b/frontend/src/components/PaperContainer.module.css
index d1d0faa7d59..20360998d55 100644
--- a/frontend/src/components/PaperContainer.module.css
+++ b/frontend/src/components/PaperContainer.module.css
@@ -8,7 +8,7 @@
 
 }
 
-@media print, screen and (max-width: 600px) {
+@media print, screen and (max-width: 750px) {
     .paperContainerPaper {
         margin-top: 0;
         margin-bottom: 0;
diff --git a/frontend/src/valetudo/About.module.css b/frontend/src/valetudo/About.module.css
index f61bf66a711..2feb8e07f8e 100644
--- a/frontend/src/valetudo/About.module.css
+++ b/frontend/src/valetudo/About.module.css
@@ -4,7 +4,7 @@
     margin-right: auto;
     text-align: justify
 }
-@media print, screen and (max-width: 600px) {
+@media print, screen and (max-width: 750px) {
     .reactMarkDown {
         max-width: 90%
     }
diff --git a/frontend/src/valetudo/Help.module.css b/frontend/src/valetudo/Help.module.css
index f61bf66a711..2feb8e07f8e 100644
--- a/frontend/src/valetudo/Help.module.css
+++ b/frontend/src/valetudo/Help.module.css
@@ -4,7 +4,7 @@
     margin-right: auto;
     text-align: justify
 }
-@media print, screen and (max-width: 600px) {
+@media print, screen and (max-width: 750px) {
     .reactMarkDown {
         max-width: 90%
     }
diff --git a/frontend/src/valetudo/Log.module.css b/frontend/src/valetudo/Log.module.css
index 72621e3cfce..9eff84181f3 100644
--- a/frontend/src/valetudo/Log.module.css
+++ b/frontend/src/valetudo/Log.module.css
@@ -4,7 +4,7 @@
 }
 
 
-@media print, screen and (max-width: 600px) {
+@media print, screen and (max-width: 750px) {
     .logViewer {
         height: calc(68vh - 56px)
     }