diff --git a/src/Multiselect.vue b/src/Multiselect.vue
index d743f85d..9105696a 100644
--- a/src/Multiselect.vue
+++ b/src/Multiselect.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     :tabindex="searchable ? -1 : tabindex"
-    :class="{ 'multiselect--active': isOpen, 'multiselect--disabled': disabled, 'multiselect--above': isAbove }"
+    :class="{ 'multiselect--active': isOpen, 'multiselect--disabled': disabled, 'multiselect--above': isAbove, 'multiselect--has-options-group': hasOptionGroup }"
     @focus="activate()"
     @blur="searchable ? false : deactivate()"
     @keydown.self.down.prevent="pointerForward()"
@@ -300,6 +300,9 @@ export default {
     }
   },
   computed: {
+    hasOptionGroup () {
+      return this.groupValues && this.groupLabel && this.groupSelect
+    },
     isSingleLabelVisible () {
       return (
         (this.singleValue || this.singleValue === 0) &&
@@ -694,6 +697,10 @@ fieldset[disabled] .multiselect {
   white-space: nowrap;
 }
 
+.multiselect--has-options-group .multiselect__option:not(.multiselect__option--group) {
+  padding-left: 24px;
+}
+
 .multiselect__option:after {
   top: 0;
   right: 0;