diff --git a/src/components/base/button/button.vue b/src/components/base/button/button.vue
index ea31a9c96e41980a9515bfb3c2ffdfe43d1354de..dc80e7c039cebfe14efd43e10b03c5909b8cabff 100644
--- a/src/components/base/button/button.vue
+++ b/src/components/base/button/button.vue
@@ -128,7 +128,12 @@ export default {
     :class="buttonClasses"
     v-on="$listeners"
   >
-    <gl-loading-icon v-if="loading" inline class="gl-button-icon gl-button-loading-indicator" />
+    <gl-loading-icon
+      v-if="loading"
+      size="sm"
+      inline
+      class="gl-button-icon gl-button-loading-indicator"
+    />
     <gl-icon v-if="hasIcon && !(hasIconOnly && loading)" class="gl-button-icon" :name="icon" />
     <slot name="emoji"></slot>
     <span v-if="!hasIconOnly" :class="buttonTextClasses" class="gl-button-text"><slot></slot></span>
diff --git a/src/components/base/dropdown/dropdown.vue b/src/components/base/dropdown/dropdown.vue
index 4b1caddd5646f366587d908ac11f232fbef4d9d5..785c725a7a4db449dabe317c86b5c4856754c0cb 100644
--- a/src/components/base/dropdown/dropdown.vue
+++ b/src/components/base/dropdown/dropdown.vue
@@ -202,7 +202,7 @@ export default {
     </div>
     <template #button-content>
       <slot name="button-content">
-        <gl-loading-icon v-if="loading" class="gl-mr-2" />
+        <gl-loading-icon v-if="loading" size="sm" class="gl-mr-2" />
         <gl-icon v-if="icon" class="dropdown-icon" :name="icon" />
         <span class="gl-new-dropdown-button-text" :class="{ 'gl-sr-only': textSrOnly }">
           <slot name="button-text">{{ buttonText }}</slot>
diff --git a/src/components/base/loading_icon/examples/loading_icon.inline.example.vue b/src/components/base/loading_icon/examples/loading_icon.inline.example.vue
index 96c2c387cf7f4bfca2c8318a2640736550ea8b70..f9ea974ff47c9ecaf238d20dd13a14dea906b022 100644
--- a/src/components/base/loading_icon/examples/loading_icon.inline.example.vue
+++ b/src/components/base/loading_icon/examples/loading_icon.inline.example.vue
@@ -1,3 +1,3 @@
 <template>
-  <div><gl-loading-icon inline /> Testing Inline Icon</div>
+  <div><gl-loading-icon inline size="sm" /> Testing Inline Icon</div>
 </template>
diff --git a/src/components/base/loading_icon/examples/loading_icon.small.example.vue b/src/components/base/loading_icon/examples/loading_icon.small.example.vue
index 0ad27ccd859086784c92034bcbd043852fcb6215..4071a76904294893dcbc6232f6df9595cc3e7c0a 100644
--- a/src/components/base/loading_icon/examples/loading_icon.small.example.vue
+++ b/src/components/base/loading_icon/examples/loading_icon.small.example.vue
@@ -1,3 +1,3 @@
 <template>
-  <gl-loading-icon />
+  <gl-loading-icon size="sm" />
 </template>
diff --git a/src/components/base/loading_icon/loading_icon.stories.js b/src/components/base/loading_icon/loading_icon.stories.js
index c7be553942ac3cf75c35268696c849d5ab155f96..3f3ab79a52e15219b6d57e7d128601f1486b6c44 100644
--- a/src/components/base/loading_icon/loading_icon.stories.js
+++ b/src/components/base/loading_icon/loading_icon.stories.js
@@ -34,7 +34,7 @@ function generateProps({ inline } = {}) {
           'lg (32x32)': 'lg',
           'xl (64x64)': 'xl',
         },
-        'sm'
+        'md'
       ),
     },
     color: {
diff --git a/src/components/base/loading_icon/loading_icon.vue b/src/components/base/loading_icon/loading_icon.vue
index 435ac122fa02dad09d31b5826d394a15910e6fb0..804a4618e535e310bb4b3277adbbf8efe3ced9df 100644
--- a/src/components/base/loading_icon/loading_icon.vue
+++ b/src/components/base/loading_icon/loading_icon.vue
@@ -23,7 +23,7 @@ export default {
     size: {
       type: String,
       required: false,
-      default: 'sm',
+      default: 'md',
       validator(value) {
         return sizes.indexOf(value) !== -1;
       },
diff --git a/src/components/base/search_box_by_type/search_box_by_type.vue b/src/components/base/search_box_by_type/search_box_by_type.vue
index 0704d33fedfaeb26edcbcabe34f2eab20dad3db3..303763288bbe9d3f6d4a14e917070b60c7f6ea6e 100644
--- a/src/components/base/search_box_by_type/search_box_by_type.vue
+++ b/src/components/base/search_box_by_type/search_box_by_type.vue
@@ -99,7 +99,7 @@ export default {
       v-on="inputListeners"
     />
     <div class="gl-search-box-by-type-right-icons">
-      <gl-loading-icon v-if="isLoading" class="gl-search-box-by-type-loading-icon" />
+      <gl-loading-icon v-if="isLoading" size="sm" class="gl-search-box-by-type-loading-icon" />
       <gl-clear-icon-button
         v-if="showClearButton"
         :title="clearButtonTitle"
diff --git a/src/components/base/toggle/toggle.vue b/src/components/base/toggle/toggle.vue
index 78ec425486b121f5190d6810b220faa84816f83e..e127303c2e70fb34c821f52a61c24a007125a269 100644
--- a/src/components/base/toggle/toggle.vue
+++ b/src/components/base/toggle/toggle.vue
@@ -103,7 +103,7 @@ export default {
         type="button"
         @click.prevent="toggleFeature"
       >
-        <gl-loading-icon v-if="isLoading" color="light" class="toggle-loading" />
+        <gl-loading-icon v-if="isLoading" size="sm" color="light" class="toggle-loading" />
         <span v-else :class="{ 'toggle-icon': true, disabled: disabled }">
           <gl-icon :name="icon" :size="16" />
         </span>
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-loading-icon-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-loading-icon-default-1-snap.png
index 533d108b529d2ae59b122257f01192408254bd61..b7bbb977b3a35fad0ed0e44ad0597a22d3584fa7 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-loading-icon-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-loading-icon-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-loading-icon-inline-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-loading-icon-inline-1-snap.png
index 533d108b529d2ae59b122257f01192408254bd61..b7bbb977b3a35fad0ed0e44ad0597a22d3584fa7 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-loading-icon-inline-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-loading-icon-inline-1-snap.png differ