diff --git a/src/frontend/qt_sdl/ROMInfoDialog.cpp b/src/frontend/qt_sdl/ROMInfoDialog.cpp
index 5ca720d3e..7859327a5 100644
--- a/src/frontend/qt_sdl/ROMInfoDialog.cpp
+++ b/src/frontend/qt_sdl/ROMInfoDialog.cpp
@@ -82,7 +82,13 @@ ROMInfoDialog::ROMInfoDialog(QWidget* parent) : QDialog(parent), ui(new Ui::ROMI
         ui->dsiIconImage->setPixmap(QPixmap::fromImage(iconImage));
     }
 
-    ui->iconTitle->setText(QString::fromUtf16(banner->EnglishTitle));
+    // It seems that setting line-height is not supported in QSS, but is supported in the subset of
+    // CSS implemented in rich text areas. So this will have to be here instead of in the .ui file.
+    ui->iconTitle->setText(
+        "<div style='line-height: 85%;'>" +
+        QString::fromUtf16(banner->EnglishTitle).replace('\n', "<br>") +
+        "</div>"
+    );
 
     ui->japaneseTitle->setText(QString::fromUtf16(banner->JapaneseTitle));
     ui->englishTitle->setText(QString::fromUtf16(banner->EnglishTitle));
diff --git a/src/frontend/qt_sdl/ROMInfoDialog.ui b/src/frontend/qt_sdl/ROMInfoDialog.ui
index 25592889f..331207e1e 100644
--- a/src/frontend/qt_sdl/ROMInfoDialog.ui
+++ b/src/frontend/qt_sdl/ROMInfoDialog.ui
@@ -6,8 +6,8 @@
    <rect>
     <x>0</x>
     <y>0</y>
-    <width>557</width>
-    <height>547</height>
+    <width>482</width>
+    <height>516</height>
    </rect>
   </property>
   <property name="sizePolicy">
@@ -525,108 +525,193 @@
    <item row="0" column="0" colspan="2">
     <widget class="QGroupBox" name="groupBox_2">
      <layout class="QGridLayout" name="gridLayout_9">
-      <item row="1" column="1">
-       <widget class="QPushButton" name="saveIconButton">
-        <property name="text">
-         <string>Save icon</string>
+      <item row="0" column="2">
+       <widget class="QFrame" name="frame">
+        <property name="frameShape">
+         <enum>QFrame::Box</enum>
         </property>
-       </widget>
-      </item>
-      <item row="0" column="1">
-       <widget class="QGroupBox" name="iconBox">
-        <property name="sizePolicy">
-         <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
-          <horstretch>0</horstretch>
-          <verstretch>0</verstretch>
-         </sizepolicy>
+        <property name="frameShadow">
+         <enum>QFrame::Plain</enum>
         </property>
-        <property name="styleSheet">
-         <string notr="true">#iconBox {
-    border: 1px solid black;
-    background-color:  qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, 
-    stop: 0 white,  
-    stop: 1 lightgrey);
-}
-
-#titleBox {
-    border: 0.5px solid grey;
-    background-color: #fbfbfb;
-}
-
-#iconTitle {
-    color: black;
-}
-</string>
+        <property name="lineWidth">
+         <number>1</number>
         </property>
-        <property name="title">
-         <string/>
-        </property>
-        <property name="alignment">
-         <set>Qt::AlignCenter</set>
-        </property>
-        <property name="flat">
-         <bool>false</bool>
-        </property>
-        <property name="checkable">
-         <bool>false</bool>
-        </property>
-        <layout class="QGridLayout" name="gridLayout_2">
+        <layout class="QGridLayout" name="gridLayout_3">
+         <property name="leftMargin">
+          <number>0</number>
+         </property>
          <property name="topMargin">
-          <number>2</number>
+          <number>0</number>
+         </property>
+         <property name="rightMargin">
+          <number>0</number>
          </property>
          <property name="bottomMargin">
-          <number>2</number>
+          <number>0</number>
          </property>
-         <item row="0" column="1">
-          <widget class="QLabel" name="iconImage">
+         <item row="0" column="0">
+          <widget class="QGroupBox" name="iconBox">
            <property name="sizePolicy">
-            <sizepolicy hsizetype="Preferred" vsizetype="Preferred">
+            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
              <horstretch>0</horstretch>
              <verstretch>0</verstretch>
             </sizepolicy>
            </property>
            <property name="minimumSize">
             <size>
-             <width>32</width>
-             <height>32</height>
+             <width>187</width>
+             <height>43</height>
             </size>
            </property>
            <property name="maximumSize">
             <size>
-             <width>32</width>
-             <height>32</height>
+             <width>187</width>
+             <height>45</height>
             </size>
            </property>
-           <property name="text">
-            <string>[icon]</string>
-           </property>
-          </widget>
-         </item>
-         <item row="0" column="2">
-          <widget class="QGroupBox" name="titleBox">
-           <property name="sizePolicy">
-            <sizepolicy hsizetype="Expanding" vsizetype="Expanding">
-             <horstretch>0</horstretch>
-             <verstretch>0</verstretch>
-            </sizepolicy>
+           <property name="styleSheet">
+            <string notr="true">#iconBox {
+	border: 1px solid white;
+	background-color: qlineargradient(
+		x1: 0, y1: 1,
+		x2: 0, y2: 0,
+		stop: 0 #c3c3c3,
+		stop: 0.199 #c3c3c3,
+		stop: 0.2 #d3d3d3,
+		stop: 0.399 #d3d3d3,
+		stop: 0.4 #e3e3e3,
+		stop: 0.599 #e3e3e3,
+		stop: 0.6 #f3f3f3,
+		stop: 0.799 #f3f3f3,
+		stop: 0.8 #fbfbfb,
+		stop: 1 #fbfbfb
+	);
+}
+
+#iconTitle {
+	border: 1px solid #a2a2a2;
+	border-left-color: #797979;
+	letter-spacing: -0.5px;
+	background-color: qlineargradient(
+		x1: 0, y1: 0,
+		x2: 0, y2: 1,
+		stop: 0.000000 #fbfbfb,
+		stop: 0.024380 #fbfbfb,
+		stop: 0.024390 #e3e3e3,
+		stop: 0.048770 #e3e3e3,
+		stop: 0.048780 #fbfbfb,
+		stop: 0.073161 #fbfbfb,
+		stop: 0.073171 #e3e3e3,
+		stop: 0.097551 #e3e3e3,
+		stop: 0.097561 #fbfbfb,
+		stop: 0.121941 #fbfbfb,
+		stop: 0.121951 #e3e3e3,
+		stop: 0.146331 #e3e3e3,
+		stop: 0.146341 #fbfbfb,
+		stop: 0.170722 #fbfbfb,
+		stop: 0.170732 #e3e3e3,
+		stop: 0.195112 #e3e3e3,
+		stop: 0.195122 #fbfbfb,
+		stop: 0.219502 #fbfbfb,
+		stop: 0.219512 #e3e3e3,
+		stop: 0.243892 #e3e3e3,
+		stop: 0.243902 #fbfbfb,
+		stop: 0.268283 #fbfbfb,
+		stop: 0.268293 #e3e3e3,
+		stop: 0.292673 #e3e3e3,
+		stop: 0.292683 #fbfbfb,
+		stop: 0.317063 #fbfbfb,
+		stop: 0.317073 #e3e3e3,
+		stop: 0.341453 #e3e3e3,
+		stop: 0.341463 #fbfbfb,
+		stop: 0.365844 #fbfbfb,
+		stop: 0.365854 #e3e3e3,
+		stop: 0.390234 #e3e3e3,
+		stop: 0.390244 #fbfbfb,
+		stop: 0.414624 #fbfbfb,
+		stop: 0.414634 #e3e3e3,
+		stop: 0.439014 #e3e3e3,
+		stop: 0.439024 #fbfbfb,
+		stop: 0.463405 #fbfbfb,
+		stop: 0.463415 #e3e3e3,
+		stop: 0.487795 #e3e3e3,
+		stop: 0.487805 #fbfbfb,
+		stop: 0.512185 #fbfbfb,
+		stop: 0.512195 #e3e3e3,
+		stop: 0.536575 #e3e3e3,
+		stop: 0.536585 #fbfbfb,
+		stop: 0.560966 #fbfbfb,
+		stop: 0.560976 #e3e3e3,
+		stop: 0.585356 #e3e3e3,
+		stop: 0.585366 #fbfbfb,
+		stop: 0.609746 #fbfbfb,
+		stop: 0.609756 #e3e3e3,
+		stop: 0.634136 #e3e3e3,
+		stop: 0.634146 #fbfbfb,
+		stop: 0.658527 #fbfbfb,
+		stop: 0.658537 #e3e3e3,
+		stop: 0.682917 #e3e3e3,
+		stop: 0.682927 #fbfbfb,
+		stop: 0.707307 #fbfbfb,
+		stop: 0.707317 #e3e3e3,
+		stop: 0.731697 #e3e3e3,
+		stop: 0.731707 #fbfbfb,
+		stop: 0.756088 #fbfbfb,
+		stop: 0.756098 #e3e3e3,
+		stop: 0.780478 #e3e3e3,
+		stop: 0.780488 #fbfbfb,
+		stop: 0.804868 #fbfbfb,
+		stop: 0.804878 #e3e3e3,
+		stop: 0.829258 #e3e3e3,
+		stop: 0.829268 #fbfbfb,
+		stop: 0.853649 #fbfbfb,
+		stop: 0.853659 #e3e3e3,
+		stop: 0.878039 #e3e3e3,
+		stop: 0.878049 #fbfbfb,
+		stop: 0.902429 #fbfbfb,
+		stop: 0.902439 #e3e3e3,
+		stop: 0.926819 #e3e3e3,
+		stop: 0.926829 #fbfbfb,
+		stop: 0.951210 #fbfbfb,
+		stop: 0.951220 #e3e3e3,
+		stop: 0.975600 #e3e3e3,
+		stop: 0.975610 #fbfbfb
+	);
+}
+</string>
            </property>
            <property name="title">
             <string/>
            </property>
-           <layout class="QGridLayout" name="gridLayout_4">
+           <property name="alignment">
+            <set>Qt::AlignCenter</set>
+           </property>
+           <property name="flat">
+            <bool>false</bool>
+           </property>
+           <property name="checkable">
+            <bool>false</bool>
+           </property>
+           <layout class="QGridLayout" name="gridLayout_2">
             <property name="leftMargin">
-             <number>1</number>
+             <number>5</number>
             </property>
             <property name="topMargin">
-             <number>1</number>
+             <number>0</number>
             </property>
             <property name="rightMargin">
-             <number>1</number>
+             <number>0</number>
             </property>
             <property name="bottomMargin">
-             <number>1</number>
+             <number>0</number>
             </property>
-            <item row="0" column="1">
+            <property name="horizontalSpacing">
+             <number>6</number>
+            </property>
+            <property name="verticalSpacing">
+             <number>0</number>
+            </property>
+            <item row="0" column="2">
              <widget class="QLabel" name="iconTitle">
               <property name="sizePolicy">
                <sizepolicy hsizetype="MinimumExpanding" vsizetype="MinimumExpanding">
@@ -636,11 +721,8 @@
               </property>
               <property name="font">
                <font>
-                <family>Courier New</family>
                 <pointsize>8</pointsize>
-                <weight>50</weight>
-                <italic>false</italic>
-                <bold>false</bold>
+                <stylestrategy>NoAntialias</stylestrategy>
                </font>
               </property>
               <property name="text">
@@ -651,31 +733,30 @@
               </property>
              </widget>
             </item>
-            <item row="0" column="2">
-             <spacer name="horizontalSpacer_2">
-              <property name="orientation">
-               <enum>Qt::Horizontal</enum>
+            <item row="0" column="1">
+             <widget class="QLabel" name="iconImage">
+              <property name="sizePolicy">
+               <sizepolicy hsizetype="Preferred" vsizetype="Preferred">
+                <horstretch>0</horstretch>
+                <verstretch>0</verstretch>
+               </sizepolicy>
               </property>
-              <property name="sizeHint" stdset="0">
+              <property name="minimumSize">
                <size>
-                <width>20</width>
-                <height>20</height>
+                <width>32</width>
+                <height>32</height>
                </size>
               </property>
-             </spacer>
-            </item>
-            <item row="0" column="0">
-             <spacer name="horizontalSpacer_4">
-              <property name="orientation">
-               <enum>Qt::Horizontal</enum>
-              </property>
-              <property name="sizeHint" stdset="0">
+              <property name="maximumSize">
                <size>
-                <width>20</width>
-                <height>20</height>
+                <width>32</width>
+                <height>32</height>
                </size>
               </property>
-             </spacer>
+              <property name="text">
+               <string>[icon]</string>
+              </property>
+             </widget>
             </item>
            </layout>
           </widget>
@@ -683,7 +764,33 @@
         </layout>
        </widget>
       </item>
-      <item row="0" column="2" alignment="Qt::AlignHCenter">
+      <item row="0" column="0" rowspan="2">
+       <spacer name="horizontalSpacer">
+        <property name="orientation">
+         <enum>Qt::Horizontal</enum>
+        </property>
+        <property name="sizeHint" stdset="0">
+         <size>
+          <width>0</width>
+          <height>0</height>
+         </size>
+        </property>
+       </spacer>
+      </item>
+      <item row="0" column="4" rowspan="2">
+       <spacer name="horizontalSpacer_3">
+        <property name="orientation">
+         <enum>Qt::Horizontal</enum>
+        </property>
+        <property name="sizeHint" stdset="0">
+         <size>
+          <width>0</width>
+          <height>0</height>
+         </size>
+        </property>
+       </spacer>
+      </item>
+      <item row="0" column="3" alignment="Qt::AlignHCenter">
        <widget class="QGroupBox" name="dsiIconBox">
         <property name="sizePolicy">
          <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
@@ -758,6 +865,13 @@
        </widget>
       </item>
       <item row="1" column="2">
+       <widget class="QPushButton" name="saveIconButton">
+        <property name="text">
+         <string>Save icon</string>
+        </property>
+       </widget>
+      </item>
+      <item row="1" column="3">
        <widget class="QPushButton" name="saveAnimatedIconButton">
         <property name="enabled">
          <bool>false</bool>
@@ -767,32 +881,6 @@
         </property>
        </widget>
       </item>
-      <item row="0" column="3" rowspan="2">
-       <spacer name="horizontalSpacer_3">
-        <property name="orientation">
-         <enum>Qt::Horizontal</enum>
-        </property>
-        <property name="sizeHint" stdset="0">
-         <size>
-          <width>0</width>
-          <height>0</height>
-         </size>
-        </property>
-       </spacer>
-      </item>
-      <item row="0" column="0" rowspan="2">
-       <spacer name="horizontalSpacer">
-        <property name="orientation">
-         <enum>Qt::Horizontal</enum>
-        </property>
-        <property name="sizeHint" stdset="0">
-         <size>
-          <width>0</width>
-          <height>0</height>
-         </size>
-        </property>
-       </spacer>
-      </item>
      </layout>
     </widget>
    </item>