Make Appearance settings scrollable

Author: pol-rivero

app/src/ui/preferences/appearance.tsx

@@ -378,7 +378,7 @@ export class Appearance extends React.Component<
 
   public render() {
     return (
-      <DialogContent>
+      <DialogContent className="appearance-tab">
         {this.renderSelectedTheme()}
         {this.renderRepositoryList()}
         {this.renderBranchSortOrder()}

app/styles/ui/_dialog.scss

@@ -522,7 +522,8 @@ dialog {
       $default-tab-height: 430px;
       min-height: $default-tab-height;
 
-      &.accounts-tab {
+      &.accounts-tab,
+      &.appearance-tab {
         max-height: $default-tab-height;
         overflow: auto;
       }