From 1dc4c396f8288f55c824c85847f797cdf74c5d56 Mon Sep 17 00:00:00 2001
From: dharini <dharini@hashicorp.com>
Date: Mon, 18 Oct 2021 13:45:23 -0700
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20class=20name=20update,=20?=
 =?UTF-8?q?css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 addons/rose/addon/components/rose/form/input/index.hbs        | 2 +-
 .../rose/addon/components/rose/form/input/index.stories.mdx   | 1 +
 addons/rose/addon/styles/rose/components/form/_input.scss     | 4 ++--
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/addons/rose/addon/components/rose/form/input/index.hbs b/addons/rose/addon/components/rose/form/input/index.hbs
index bb29c2335..e31ab046d 100644
--- a/addons/rose/addon/components/rose/form/input/index.hbs
+++ b/addons/rose/addon/components/rose/form/input/index.hbs
@@ -34,7 +34,7 @@
       </Rose::Form::HelperText>
     {{/if}}
 
-    <div class="rose-input-icon-wrapper">
+    <div class="rose-input-wrapper">
       {{#if @icon}}
         <Rose::Icon
           @name={{@icon}}
diff --git a/addons/rose/addon/components/rose/form/input/index.stories.mdx b/addons/rose/addon/components/rose/form/input/index.stories.mdx
index c9decc5fd..b819c2b5f 100644
--- a/addons/rose/addon/components/rose/form/input/index.stories.mdx
+++ b/addons/rose/addon/components/rose/form/input/index.stories.mdx
@@ -74,6 +74,7 @@ Or a fully contextual component without a wrapper, for maximum flexibility.
       icon: select('icon', {
         'flight-icons/svg/search-16': 'flight-icons/svg/search-16',
       },
+        'flight-icons/svg/search-16
       ),
     }
   }}</Story>
diff --git a/addons/rose/addon/styles/rose/components/form/_input.scss b/addons/rose/addon/styles/rose/components/form/_input.scss
index 7a397d484..cc9b12904 100644
--- a/addons/rose/addon/styles/rose/components/form/_input.scss
+++ b/addons/rose/addon/styles/rose/components/form/_input.scss
@@ -5,9 +5,9 @@
   margin-bottom: sizing.rems(m);
 }
 
-.rose-input-icon-wrapper {
+.rose-input-wrapper {
   position: relative;
-  .rose-icon.medium {
+  .rose-icon {
     position: absolute;
     left: 10px;
     top: 10px;