diff --git a/src/renderer/components/+cluster-settings/components/cluster-icon-setting.tsx b/src/renderer/components/+cluster-settings/components/cluster-icon-setting.tsx
index 8968a12ff4..2f5b696d1d 100644
--- a/src/renderer/components/+cluster-settings/components/cluster-icon-setting.tsx
+++ b/src/renderer/components/+cluster-settings/components/cluster-icon-setting.tsx
@@ -48,13 +48,13 @@ export class ClusterIconSetting extends React.Component<Props> {
     return (
       <div className="ClusterIconSetting flex column gaps align-flex-start">
         <SubTitle title="Icon"/>
-        <ClusterIcon
-          cluster={this.props.cluster}
-          showErrors={false}
-          showTooltip={false}
-          isActive={true}
-        />
         <div className="flex gaps align-center">
+          <ClusterIcon
+            cluster={this.props.cluster}
+            showErrors={false}
+            showTooltip={false}
+            isActive={true}
+          />
           <FilePicker
             accept="image/*"
             label="Upload an Icon&nbsp;"
diff --git a/src/renderer/components/+cluster-settings/components/cluster-icon.scss b/src/renderer/components/+cluster-settings/components/cluster-icon.scss
index 62f20eccfa..903239e6ed 100644
--- a/src/renderer/components/+cluster-settings/components/cluster-icon.scss
+++ b/src/renderer/components/+cluster-settings/components/cluster-icon.scss
@@ -1,12 +1,11 @@
 .ClusterIconSetting {
   .ClusterIcon {
-    --size: 50px;
+    margin-right: 20px!important;
   }
 
   .FilePicker label {
-    color: var(--textColorAccent);
     padding: 5px 9px;
     border-radius: 4px;
-    background: var(--blue);
+    border: 1px solid var(--borderFaintColor);
   }
 }
\ No newline at end of file