diff --git a/app/ui/onionskin.ui b/app/ui/onionskin.ui
index 20c6eec598..f015223ae0 100644
--- a/app/ui/onionskin.ui
+++ b/app/ui/onionskin.ui
@@ -6,14 +6,14 @@
    <rect>
     <x>0</x>
     <y>0</y>
-    <width>213</width>
-    <height>382</height>
+    <width>219</width>
+    <height>238</height>
    </rect>
   </property>
   <property name="minimumSize">
    <size>
-    <width>187</width>
-    <height>122</height>
+    <width>190</width>
+    <height>124</height>
    </size>
   </property>
   <property name="floating">
@@ -30,6 +30,9 @@
     </sizepolicy>
    </property>
    <layout class="QVBoxLayout" name="verticalLayout">
+    <property name="spacing">
+     <number>0</number>
+    </property>
     <property name="leftMargin">
      <number>0</number>
     </property>
@@ -76,8 +79,8 @@
         <rect>
          <x>0</x>
          <y>0</y>
-         <width>213</width>
-         <height>360</height>
+         <width>219</width>
+         <height>214</height>
         </rect>
        </property>
        <property name="sizePolicy">
@@ -87,17 +90,20 @@
         </sizepolicy>
        </property>
        <layout class="QVBoxLayout" name="verticalLayout_3">
+        <property name="spacing">
+         <number>3</number>
+        </property>
         <property name="leftMargin">
-         <number>6</number>
+         <number>3</number>
         </property>
         <property name="topMargin">
-         <number>6</number>
+         <number>3</number>
         </property>
         <property name="rightMargin">
-         <number>6</number>
+         <number>3</number>
         </property>
         <property name="bottomMargin">
-         <number>6</number>
+         <number>3</number>
         </property>
         <item>
          <widget class="QGroupBox" name="prevFramesGroup">
@@ -108,6 +114,9 @@
            <bool>true</bool>
           </property>
           <layout class="QHBoxLayout" name="onionPrevLayout">
+           <property name="spacing">
+            <number>3</number>
+           </property>
            <property name="sizeConstraint">
             <enum>QLayout::SetDefaultConstraint</enum>
            </property>
@@ -115,13 +124,13 @@
             <number>0</number>
            </property>
            <property name="topMargin">
-            <number>6</number>
+            <number>3</number>
            </property>
            <property name="rightMargin">
             <number>0</number>
            </property>
            <property name="bottomMargin">
-            <number>6</number>
+            <number>3</number>
            </property>
            <item>
             <widget class="QSpinBox" name="onionPrevFramesNumBox">
@@ -189,6 +198,9 @@
            <bool>true</bool>
           </property>
           <layout class="QHBoxLayout" name="onionNextlLayout">
+           <property name="spacing">
+            <number>3</number>
+           </property>
            <property name="sizeConstraint">
             <enum>QLayout::SetDefaultConstraint</enum>
            </property>
@@ -196,13 +208,13 @@
             <number>0</number>
            </property>
            <property name="topMargin">
-            <number>6</number>
+            <number>3</number>
            </property>
            <property name="rightMargin">
             <number>0</number>
            </property>
            <property name="bottomMargin">
-            <number>6</number>
+            <number>3</number>
            </property>
            <item>
             <widget class="QSpinBox" name="onionNextFramesNumBox">
@@ -278,25 +290,28 @@
           <property name="title">
            <string>Distributed Opacity</string>
           </property>
-          <layout class="QVBoxLayout" name="verticalLayout_2">
+          <layout class="QHBoxLayout" name="horizontalLayout">
            <property name="spacing">
-            <number>6</number>
+            <number>0</number>
            </property>
            <property name="leftMargin">
             <number>0</number>
            </property>
            <property name="topMargin">
-            <number>6</number>
+            <number>0</number>
            </property>
            <property name="rightMargin">
             <number>0</number>
            </property>
            <property name="bottomMargin">
-            <number>6</number>
+            <number>3</number>
            </property>
            <item>
-            <widget class="QWidget" name="minOpacityGroup" native="true">
-             <layout class="QHBoxLayout" name="horizontalLayout_2">
+            <widget class="QWidget" name="maxOpacityGroup" native="true">
+             <layout class="QHBoxLayout" name="horizontalLayout_3">
+              <property name="spacing">
+               <number>3</number>
+              </property>
               <property name="leftMargin">
                <number>0</number>
               </property>
@@ -310,7 +325,7 @@
                <number>0</number>
               </property>
               <item>
-               <widget class="QLabel" name="minOpacityLabel">
+               <widget class="QLabel" name="maxOpacityLabel">
                 <property name="sizePolicy">
                  <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
                   <horstretch>0</horstretch>
@@ -318,12 +333,15 @@
                  </sizepolicy>
                 </property>
                 <property name="text">
-                 <string>Min</string>
+                 <string>Max</string>
+                </property>
+                <property name="alignment">
+                 <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
                 </property>
                </widget>
               </item>
               <item>
-               <widget class="QSpinBox" name="onionMinOpacityBox">
+               <widget class="QSpinBox" name="onionMaxOpacityBox">
                 <property name="sizePolicy">
                  <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
                   <horstretch>0</horstretch>
@@ -332,7 +350,7 @@
                 </property>
                 <property name="minimumSize">
                  <size>
-                  <width>60</width>
+                  <width>50</width>
                   <height>0</height>
                  </size>
                 </property>
@@ -354,8 +372,11 @@
             </widget>
            </item>
            <item>
-            <widget class="QWidget" name="maxOpacityGroup" native="true">
-             <layout class="QHBoxLayout" name="horizontalLayout_3">
+            <widget class="QWidget" name="minOpacityGroup" native="true">
+             <layout class="QHBoxLayout" name="horizontalLayout_2">
+              <property name="spacing">
+               <number>3</number>
+              </property>
               <property name="leftMargin">
                <number>0</number>
               </property>
@@ -369,7 +390,7 @@
                <number>0</number>
               </property>
               <item>
-               <widget class="QLabel" name="maxOpacityLabel">
+               <widget class="QLabel" name="minOpacityLabel">
                 <property name="sizePolicy">
                  <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
                   <horstretch>0</horstretch>
@@ -377,12 +398,15 @@
                  </sizepolicy>
                 </property>
                 <property name="text">
-                 <string>Max</string>
+                 <string>Min</string>
+                </property>
+                <property name="alignment">
+                 <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
                 </property>
                </widget>
               </item>
               <item>
-               <widget class="QSpinBox" name="onionMaxOpacityBox">
+               <widget class="QSpinBox" name="onionMinOpacityBox">
                 <property name="sizePolicy">
                  <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
                   <horstretch>0</horstretch>
@@ -391,7 +415,7 @@
                 </property>
                 <property name="minimumSize">
                  <size>
-                  <width>60</width>
+                  <width>50</width>
                   <height>0</height>
                  </size>
                 </property>