diff --git a/app/assets/javascripts/ide/components/commit_sidebar/empty_state.vue b/app/assets/javascripts/ide/components/commit_sidebar/empty_state.vue
index 440f360280f..6424b93ce54 100644
--- a/app/assets/javascripts/ide/components/commit_sidebar/empty_state.vue
+++ b/app/assets/javascripts/ide/components/commit_sidebar/empty_state.vue
@@ -24,9 +24,7 @@ export default {
     ...mapState(['lastCommitMsg', 'rightPanelCollapsed']),
     ...mapGetters(['collapseButtonIcon', 'collapseButtonTooltip']),
     statusSvg() {
-      return this.lastCommitMsg
-        ? this.committedStateSvgPath
-        : this.noChangesStateSvgPath;
+      return this.lastCommitMsg ? this.committedStateSvgPath : this.noChangesStateSvgPath;
     },
   },
   methods: {
@@ -37,7 +35,7 @@ export default {
 
 <template>
   <div
-    class="multi-file-commit-panel-section ide-commity-empty-state js-empty-state"
+    class="multi-file-commit-panel-section ide-commit-empty-state js-empty-state"
   >
     <header
       class="multi-file-commit-panel-header"
diff --git a/app/assets/stylesheets/pages/repo.scss b/app/assets/stylesheets/pages/repo.scss
index 8f79ea90cc5..297b3c06bf3 100644
--- a/app/assets/stylesheets/pages/repo.scss
+++ b/app/assets/stylesheets/pages/repo.scss
@@ -465,7 +465,7 @@
   overflow: auto;
 }
 
-.ide-commity-empty-state {
+.ide-commit-empty-state {
   padding: 0 $gl-padding;
 }