2 files changed, 12 insertions, 0 deletions
diff --git a/app/assets/stylesheets/framework/forms.scss b/app/assets/stylesheets/framework/forms.scss
index 69ef116043a..20b7c6d4564 100644
--- a/app/assets/stylesheets/framework/forms.scss
+++ b/app/assets/stylesheets/framework/forms.scss
@@ -232,6 +232,16 @@ label {
   color: $gray-600;
 }
 
+.input-xs {
+  max-width: $input-xs-width;
+  width: 100%;
+}
+
+.input-sm {
+  max-width: $input-sm-width;
+  width: 100%;
+}
+
 .input-md {
   max-width: $input-md-width;
   width: 100%;
diff --git a/app/assets/stylesheets/framework/variables.scss b/app/assets/stylesheets/framework/variables.scss
index faa0a9909d5..857c22f8cd7 100644
--- a/app/assets/stylesheets/framework/variables.scss
+++ b/app/assets/stylesheets/framework/variables.scss
@@ -636,6 +636,8 @@ $gl-field-focus-shadow: rgba(0, 0, 0, 0.075);
 $gl-field-focus-shadow-error: rgba($red-500, 0.6);
 $input-short-width: 200px;
 $input-short-md-width: 280px;
+$input-xs-width: 80px;
+$input-sm-width: 160px;
 $input-md-width: 240px;
 $input-lg-width: 320px;