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;