Fix Cluster Settings style specificity

Signed-off-by: alexfront <alex.andreev.email@gmail.com>

src/renderer/components/+cluster-settings/cluster-settings.scss

@@ -1,4 +1,5 @@
 .ClusterSettings {
+  .WizardLayout {
     grid-template-columns: unset;
     padding: 0;
 
@@ -92,4 +93,5 @@
         box-shadow: 0 0 0 1px $borderFaintColor;
       }
     }
+  }
 }

src/renderer/components/+cluster-settings/cluster-settings.tsx

@@ -30,7 +30,8 @@ export class ClusterSettings extends React.Component {
       </>
     );
     return (
-      <WizardLayout header={header} className="ClusterSettings">
+      <div className="ClusterSettings">
+        <WizardLayout header={header}>
           <div className="settings-wrapper">
             <Status cluster={cluster}></Status>
             <General cluster={cluster}></General>
@@ -38,6 +39,7 @@ export class ClusterSettings extends React.Component {
             <Removal cluster={cluster}></Removal>
           </div>
         </WizardLayout>
+      </div>
     );
   }
 }