diff --git a/res/rml/overlay.rcss b/res/rml/overlay.rcss
index f2e2ba5c3b..e18bb436e5 100644
--- a/res/rml/overlay.rcss
+++ b/res/rml/overlay.rcss
@@ -25,7 +25,6 @@ body {
     justify-content: flex-end;
     align-items: stretch;
     decorator: vertical-gradient(#00000000 #151610F2);
-    padding: 48dp 0 40dp 0;
     filter: opacity(0);
     transition: filter 0.2s linear-in-out;
 }
@@ -42,18 +41,17 @@ body {
     display: flex;
     flex-direction: column;
     gap: 24dp;
-    padding: 0 32dp;
+    padding: 48dp 64dp;
 }
 
 @media (max-height: 800dp) {
     .overlay-root {
         min-height: 38%;
-        padding: 32dp 0 28dp 0;
     }
 
     .overlay {
         gap: 16dp;
-        padding: 0 24dp;
+        padding: 32dp 48dp;
     }
 }
 
diff --git a/src/dusk/ui/overlay.cpp b/src/dusk/ui/overlay.cpp
index f179a035d0..837f8a5c5a 100644
--- a/src/dusk/ui/overlay.cpp
+++ b/src/dusk/ui/overlay.cpp
@@ -164,10 +164,10 @@ Rml::String format_graphics_setting_value(GraphicsOption option, int value) {
             u32 width = 0;
             u32 height = 0;
             AuroraGetRenderSize(&width, &height);
-            return fmt::format("{}x ({}x{})", value, width, height);
+            return fmt::format("{}× ({}×{})", value, width, height);
         }
     case GraphicsOption::ShadowResolution:
-        return fmt::format("{}x", value);
+        return fmt::format("{}×", value);
     case GraphicsOption::BloomMode:
         switch (static_cast<BloomMode>(value)) {
         case BloomMode::Off:
diff --git a/src/dusk/ui/settings.cpp b/src/dusk/ui/settings.cpp
index 8224bc4945..ca6bd952f0 100644
--- a/src/dusk/ui/settings.cpp
+++ b/src/dusk/ui/settings.cpp
@@ -510,7 +510,7 @@ SettingsWindow::SettingsWindow() {
                     },
                 .min = 1,
                 .max = 8,
-                .prefix = "x",
+                .suffix = "×",
             })
             .on_focus([&rightPane](Rml::Event&) {
                 rightPane.clear();