diff --git a/src/citra_qt/configuration/configure_layout.ui b/src/citra_qt/configuration/configure_layout.ui
index 4f71443ec..09fa0f7c3 100644
--- a/src/citra_qt/configuration/configure_layout.ui
+++ b/src/citra_qt/configuration/configure_layout.ui
@@ -197,14 +197,14 @@
               <string>Top Screen</string>
              </property>
              <layout class="QGridLayout" name="gridLayout_2">
-              <item row="2" column="0">
+              <item row="0" column="0">
                <widget class="QLabel" name="lb_top_left">
                 <property name="text">
-                 <string>Left</string>
+                 <string>X Position</string>
                 </property>
                </widget>
               </item>
-              <item row="2" column="1">
+              <item row="0" column="1">
                <widget class="QSpinBox" name="custom_top_left">
                 <property name="buttonSymbols">
                  <enum>QAbstractSpinBox::NoButtons</enum>
@@ -214,14 +214,14 @@
                 </property>
                </widget>
               </item>
-              <item row="0" column="0">
+              <item row="1" column="0">
                <widget class="QLabel" name="lb_top_top">
                 <property name="text">
-                 <string>Top</string>
+                 <string>Y Position</string>
                 </property>
                </widget>
               </item>
-              <item row="0" column="1">
+              <item row="1" column="1">
                <widget class="QSpinBox" name="custom_top_top">
                 <property name="buttonSymbols">
                  <enum>QAbstractSpinBox::NoButtons</enum>
@@ -231,14 +231,14 @@
                 </property>
                </widget>
               </item>
-              <item row="3" column="0">
+              <item row="2" column="0">
                <widget class="QLabel" name="lb_top_right">
                 <property name="text">
-                 <string>Right</string>
+                 <string>Width</string>
                 </property>
                </widget>
               </item>
-              <item row="3" column="1">
+              <item row="2" column="1">
                <widget class="QSpinBox" name="custom_top_right">
                 <property name="buttonSymbols">
                  <enum>QAbstractSpinBox::NoButtons</enum>
@@ -248,14 +248,14 @@
                 </property>
                </widget>
               </item>
-              <item row="1" column="0">
+              <item row="3" column="0">
                <widget class="QLabel" name="lb_top_bottom">
                 <property name="text">
-                 <string>Bottom</string>
+                 <string>Height</string>
                 </property>
                </widget>
               </item>
-              <item row="1" column="1">
+              <item row="3" column="1">
                <widget class="QSpinBox" name="custom_top_bottom">
                 <property name="buttonSymbols">
                  <enum>QAbstractSpinBox::NoButtons</enum>
@@ -280,14 +280,14 @@
               <string>Bottom Screen</string>
              </property>
              <layout class="QGridLayout" name="gridLayout">
-              <item row="2" column="0">
+              <item row="0" column="0">
                <widget class="QLabel" name="lb_bottom_left">
                 <property name="text">
-                 <string>Left</string>
+                 <string>X Position</string>
                 </property>
                </widget>
               </item>
-              <item row="2" column="1">
+              <item row="0" column="1">
                <widget class="QSpinBox" name="custom_bottom_left">
                 <property name="buttonSymbols">
                  <enum>QAbstractSpinBox::NoButtons</enum>
@@ -297,14 +297,14 @@
                 </property>
                </widget>
               </item>
-              <item row="0" column="0">
+              <item row="1" column="0">
                <widget class="QLabel" name="lb_bottom_top">
                 <property name="text">
-                 <string>Top</string>
+                 <string>Y Position</string>
                 </property>
                </widget>
               </item>
-              <item row="0" column="1">
+              <item row="1" column="1">
                <widget class="QSpinBox" name="custom_bottom_top">
                 <property name="buttonSymbols">
                  <enum>QAbstractSpinBox::NoButtons</enum>
@@ -314,14 +314,14 @@
                 </property>
                </widget>
               </item>
-              <item row="3" column="0">
+              <item row="2" column="0">
                <widget class="QLabel" name="lb_bottom_right">
                 <property name="text">
-                 <string>Right</string>
+                 <string>Width</string>
                 </property>
                </widget>
               </item>
-              <item row="3" column="1">
+              <item row="2" column="1">
                <widget class="QSpinBox" name="custom_bottom_right">
                 <property name="buttonSymbols">
                  <enum>QAbstractSpinBox::NoButtons</enum>
@@ -331,14 +331,14 @@
                 </property>
                </widget>
               </item>
-              <item row="1" column="0">
+              <item row="3" column="0">
                <widget class="QLabel" name="lb_bottom_bottom">
                 <property name="text">
-                 <string>Bottom</string>
+                 <string>Height</string>
                 </property>
                </widget>
               </item>
-              <item row="1" column="1">
+              <item row="3" column="1">
                <widget class="QSpinBox" name="custom_bottom_bottom">
                 <property name="buttonSymbols">
                  <enum>QAbstractSpinBox::NoButtons</enum>
diff --git a/src/core/frontend/framebuffer_layout.cpp b/src/core/frontend/framebuffer_layout.cpp
index 11d2249ac..481de040c 100644
--- a/src/core/frontend/framebuffer_layout.cpp
+++ b/src/core/frontend/framebuffer_layout.cpp
@@ -379,12 +379,16 @@ FramebufferLayout CustomFrameLayout(u32 width, u32 height, bool is_swapped) {
 
     Common::Rectangle<u32> top_screen{Settings::values.custom_top_left.GetValue(),
                                       Settings::values.custom_top_top.GetValue(),
-                                      Settings::values.custom_top_right.GetValue(),
-                                      Settings::values.custom_top_bottom.GetValue()};
+                                      (u32)(Settings::values.custom_top_left.GetValue() +
+                                            Settings::values.custom_top_right.GetValue()),
+                                      (u32)(Settings::values.custom_top_top.GetValue() +
+                                            Settings::values.custom_top_bottom.GetValue())};
     Common::Rectangle<u32> bot_screen{Settings::values.custom_bottom_left.GetValue(),
                                       Settings::values.custom_bottom_top.GetValue(),
-                                      Settings::values.custom_bottom_right.GetValue(),
-                                      Settings::values.custom_bottom_bottom.GetValue()};
+                                      (u32)(Settings::values.custom_bottom_left.GetValue() +
+                                            Settings::values.custom_bottom_right.GetValue()),
+                                      (u32)(Settings::values.custom_bottom_top.GetValue() +
+                                            Settings::values.custom_bottom_bottom.GetValue())};
 
     if (is_swapped) {
         res.top_screen = bot_screen;