diff --git a/platform/mv3/extension/css/popup.css b/platform/mv3/extension/css/popup.css
index fd2852ccb..3b039ffdb 100644
--- a/platform/mv3/extension/css/popup.css
+++ b/platform/mv3/extension/css/popup.css
@@ -256,7 +256,6 @@ body:not([data-section~="b"]) [data-section="b"] {
 /* mouse-driven devices */
 :root.desktop {
     display: flex;
-    justify-content: flex-end;
     }
 :root.desktop body {
     --popup-gap: calc(var(--font-size) * 0.875);
@@ -278,3 +277,10 @@ body:not([data-section~="b"]) [data-section="b"] {
 #templates {
     display: none;
     }
+
+@media (max-width: 480px) {
+    #main {
+        max-width: 100vw;
+        width: 100vw;
+    }
+}
diff --git a/platform/mv3/extension/css/settings.css b/platform/mv3/extension/css/settings.css
index bc5733cea..8bb04a6db 100644
--- a/platform/mv3/extension/css/settings.css
+++ b/platform/mv3/extension/css/settings.css
@@ -177,3 +177,12 @@ body.noMoreRuleset .listEntry:not(.checked) {
 #templates {
     display: none;
     }
+
+@media (max-width: 480px) {
+    #defaultFilteringMode {
+        grid: 1fr 1fr 1fr / auto-flow dense;
+    }
+    .filteringModeCard > div:nth-of-type(2) {
+        justify-content: flex-start;
+    }
+}