diff --git a/app/assets/stylesheets/bootstrap_and_overrides.css.less b/app/assets/stylesheets/bootstrap_and_overrides.css.less
index 47551709..6f70a2e1 100644
--- a/app/assets/stylesheets/bootstrap_and_overrides.css.less
+++ b/app/assets/stylesheets/bootstrap_and_overrides.css.less
@@ -292,16 +292,18 @@ input.package {
 i.package {
   background: url(package-bg.png) no-repeat left center;
   min-width: 18px;
-  padding-left: 20px;
   font-style: normal;
+  padding-left: 20px;
+  @media (max-width: 768px) { padding-left: 0; }
 }
 .package              { color: tint(@textColor, @nonessentialDim); }
 .used        .package { color: tint(@articleUsedColor, @nonessentialDim); }
 .unused      .package { color: tint(@articleUnusedColor, @nonessentialDim); }
 .unavailable .package { color: @articleUnavailColor; }
 
+// very small inputs - need !important for responsive selectors
 .input-nano {
-  width: 30px;
+  width: 30px !important;
 }
 
 // get rid of extra space on bottom of dialog with form