diff --git a/core/src/components/input/input.scss b/core/src/components/input/input.scss
index 86234f9441..c831e27164 100644
--- a/core/src/components/input/input.scss
+++ b/core/src/components/input/input.scss
@@ -67,6 +67,7 @@
   flex: 1;
 
   width: 100%;
+  max-width: 100%;
   height: 100%;
 
   border: 0;
diff --git a/core/src/components/input/test/basic/index.html b/core/src/components/input/test/basic/index.html
index 431403fde9..d9d57665ae 100644
--- a/core/src/components/input/test/basic/index.html
+++ b/core/src/components/input/test/basic/index.html
@@ -118,6 +118,16 @@
         <ion-input clear-input value="reallylonglonglonginputtoseetheedgesreallylonglonglonginputtoseetheedges"></ion-input>
       </ion-item>
 
+      <ion-item style="max-width: 250px">
+        <ion-input value="Narrow input"></ion-input>
+        <ion-label text-right>Left</ion-label>
+      </ion-item>
+
+      <ion-item style="max-width: 250px">
+        <ion-label>Right</ion-label>
+        <ion-input text-right value="Narrow input"></ion-input>
+      </ion-item>
+
     </ion-content>
 
     <script>