diff --git a/ee/app/assets/javascripts/diffs/components/code_quality_gutter_icon.vue b/ee/app/assets/javascripts/diffs/components/code_quality_gutter_icon.vue
index 3469683f6c2633a5167283bcf76a5b608c35fff2..2023166ba32b08623024ff39ee08c201f67ec7e7 100644
--- a/ee/app/assets/javascripts/diffs/components/code_quality_gutter_icon.vue
+++ b/ee/app/assets/javascripts/diffs/components/code_quality_gutter_icon.vue
@@ -92,7 +92,7 @@ export default {
           :size="16"
           :name="severity[firstCodequalityItem.severity].name"
           :class="severity[firstCodequalityItem.severity].class"
-          class="gl-hover-cursor-pointer codequality-severity-icon gl-vertical-align-baseline!"
+          class="gl-hover-cursor-pointer gl-relative gl-top-1 codequality-severity-icon gl-vertical-align-baseline!"
           @mouseenter="isHoveringFirstIcon = true"
           @mouseleave="isHoveringFirstIcon = false"
         />
@@ -103,13 +103,13 @@ export default {
         :size="16"
         :name="severity[item.severity].name"
         :class="[isHoveringFirstIcon ? 'first-icon-hovered' : '', severity[item.severity].class]"
-        class="gl-hover-cursor-pointer codequality-severity-icon gl-absolute gl-left-0 gl-opacity-0"
+        class="gl-hover-cursor-pointer gl-relative gl-top-1 codequality-severity-icon gl-absolute gl-left-0 gl-opacity-0"
       />
       <div
         v-if="moreCount"
         :class="[
           isHoveringFirstIcon ? 'first-icon-hovered' : '',
-          'more-count gl-px-2 gl-w-auto gl-absolute gl-left-0 gl-opacity-0',
+          'more-count gl-px-2 gl-w-auto gl-absolute gl-left-0 gl-opacity-0 gl-relative gl-top-1',
         ]"
         data-testid="codeQualityMoreCount"
       >