diff --git a/packages/app-gnome/src/widgets/game-console/gamepad.css b/packages/app-gnome/src/widgets/game-console/gamepad.css
new file mode 100644
index 00000000..29f399c3
--- /dev/null
+++ b/packages/app-gnome/src/widgets/game-console/gamepad.css
@@ -0,0 +1,10 @@
+#gamepad #buttonCenter {
+  /* The center filler is an empty button, so it keeps the default button
+     padding (10px per side) instead of the 5px the surrounding icon buttons
+     get from .image-button. Combined with osd's 32px min-width that pushes
+     its minimum width to 52px, overruling the 50px width-request shared by
+     all d-pad cells and offsetting the up/down buttons by 1px per side.
+     Match the icon buttons' padding so every cell stays exactly 50px. */
+  padding-left: 5px;
+  padding-right: 5px;
+}
diff --git a/packages/app-gnome/src/widgets/index.css b/packages/app-gnome/src/widgets/index.css
index f3972151..3d5f8c32 100644
--- a/packages/app-gnome/src/widgets/index.css
+++ b/packages/app-gnome/src/widgets/index.css
@@ -1,8 +1,9 @@
-@import './theme-mode-selector.css';
-@import './primary-color-selector.css';
-@import './accent-color-selector.css';
-@import './examples-list.css';
-@import './example-list-item.css';
-@import './main-button.css';
-@import './source-view.css';
-@import './toolbar.css';
+@import "./theme-mode-selector.css";
+@import "./primary-color-selector.css";
+@import "./accent-color-selector.css";
+@import "./examples-list.css";
+@import "./example-list-item.css";
+@import "./main-button.css";
+@import "./source-view.css";
+@import "./toolbar.css";
+@import "./game-console/gamepad.css";