diff --git a/terminus-ui/selection-list/src/selection-list.component.scss b/terminus-ui/selection-list/src/selection-list.component.scss
index e866a0358..15518d7ba 100644
--- a/terminus-ui/selection-list/src/selection-list.component.scss
+++ b/terminus-ui/selection-list/src/selection-list.component.scss
@@ -12,6 +12,12 @@ $transition-duration: 200;
 .ts-selection-list {
   cursor: cursor(pointer);
   display: block;
+
+  &.ts-selection-list--single {
+    .ts-selection-list__input {
+      width: 94%;
+    }
+  }
 }
 
 .ts-selection-list__input-wrap {
diff --git a/terminus-ui/selection-list/src/selection-list.component.ts b/terminus-ui/selection-list/src/selection-list.component.ts
index 6f1a9d8a4..5bfc4d1dd 100644
--- a/terminus-ui/selection-list/src/selection-list.component.ts
+++ b/terminus-ui/selection-list/src/selection-list.component.ts
@@ -119,6 +119,7 @@ export type TsSelectionListComparator = (a: unknown, b: unknown) => boolean;
     'class': 'ts-selection-list',
     '[class.ts-selection-list--required]': 'isRequired',
     '[class.ts-selection-list--disabled]': 'isDisabled',
+    '[class.ts-selection-list--single]': '!allowMultiple',
     '[attr.aria-owns]': 'panelOpen ? optionIds : null',
     '[attr.aria-required]': 'isRequired.toString()',
     '[attr.aria-multiselectable]': 'allowMultiple',