From ac00b82cabf7b89ce7aa79f3ff9f73987c72ac28 Mon Sep 17 00:00:00 2001
From: David Lechner <david@pybricks.com>
Date: Thu, 16 Feb 2023 13:38:27 -0600
Subject: [PATCH] firmware/installPybricksDialog: fix hub name error icon style

---
 .../InstallPybricksDialog.tsx                  |  2 +-
 src/index.scss                                 | 18 +++++++++++++++---
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/firmware/installPybricksDialog/InstallPybricksDialog.tsx b/src/firmware/installPybricksDialog/InstallPybricksDialog.tsx
index d0d5cf66..0b438d50 100644
--- a/src/firmware/installPybricksDialog/InstallPybricksDialog.tsx
+++ b/src/firmware/installPybricksDialog/InstallPybricksDialog.tsx
@@ -408,7 +408,7 @@ const ConfigureOptionsPanel: React.VoidFunctionComponent<SelectOptionsPanelProps
                                 <Icon
                                     icon="error"
                                     intent={Intent.DANGER}
-                                    itemType="div"
+                                    tagName="div"
                                 />
                             )
                         }
diff --git a/src/index.scss b/src/index.scss
index 009dbb9a..7fa5f88f 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -1,5 +1,5 @@
 // SPDX-License-Identifier: MIT
-// Copyright (c) 2020-2022 The Pybricks Authors
+// Copyright (c) 2020-2023 The Pybricks Authors
 
 // css files
 @use 'normalize.css/normalize';
@@ -175,8 +175,20 @@ a.#{bp.$ns}-button {
     font-weight: bolder;
 }
 
-.#{bp.$ns}-input-group .#{bp.$ns}-icon {
-    margin: 7px;
+.#{bp.$ns}-input-group {
+    & .#{bp.$ns}-icon {
+        margin: 7px;
+
+        &.#{bp.$ns}-intent-danger {
+            color: bp.$red4;
+        }
+    }
+
+    & .#{bp.$ns}-input-action {
+        bottom: 0;
+        display: flex;
+        align-items: center;
+    }
 }
 
 // don't take up so much space when there is no caret