From 9e65477afc1b8c62dffe94f02257bb3a997791fa Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Fri, 19 Aug 2022 10:52:26 +0300
Subject: [PATCH] Fix button size in Metrics Settings

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../src/metrics-settings.tsx                  | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/extensions/metrics-cluster-feature/src/metrics-settings.tsx b/extensions/metrics-cluster-feature/src/metrics-settings.tsx
index 3f20a80df1..e1e6a1f961 100644
--- a/extensions/metrics-cluster-feature/src/metrics-settings.tsx
+++ b/extensions/metrics-cluster-feature/src/metrics-settings.tsx
@@ -262,20 +262,22 @@ export class MetricsSettings extends React.Component<MetricsSettingsProps> {
         </section>
 
         <section>
-          <Button
-            label={this.buttonLabel}
-            waiting={this.inProgress}
-            onClick={() => this.save()}
-            primary
-            disabled={!this.changed}
-            className="w-60 h-14"
-          />
+          <div>
+            <Button
+              primary
+              label={this.buttonLabel}
+              waiting={this.inProgress}
+              onClick={() => this.save()}
+              disabled={!this.changed}
+              style={{ width: "20ch", padding: "0.5rem" }}
+            />
 
-          {this.canUpgrade && (
-            <small className="hint">
-              An update is available for enabled metrics components.
-            </small>
-          )}
+            {this.canUpgrade && (
+              <small className="hint">
+                An update is available for enabled metrics components.
+              </small>
+            )}
+          </div>
         </section>
       </>
     );