diff --git a/.eslintrc.js b/.eslintrc.js
index 9a92e50a8..d885cbeea 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -141,6 +141,7 @@ module.exports = {
     'react/jsx-first-prop-new-line': ['error', 'multiline-multiprop'],
     'react/jsx-indent': ['error', 2],
     // 'react/jsx-no-bind': ['error'],
+    'react/jsx-no-comment-textnodes': 'error',
     'react/jsx-no-duplicate-props': 'error',
     'react/jsx-no-undef': 'error',
     'react/jsx-tag-spacing': 'error',
diff --git a/app/soapbox/components/ui/icon/svg-icon.tsx b/app/soapbox/components/ui/icon/svg-icon.tsx
index 5cb2dd192..84604150d 100644
--- a/app/soapbox/components/ui/icon/svg-icon.tsx
+++ b/app/soapbox/components/ui/icon/svg-icon.tsx
@@ -30,7 +30,7 @@ const SvgIcon: React.FC<ISvgIcon> = ({ src, alt, size = 24, className }): JSX.El
       loader={loader}
       data-testid='svg-icon'
     >
-      /* If the fetch fails, fall back to displaying the loader */
+      {/* If the fetch fails, fall back to displaying the loader */}
       {loader}
     </InlineSVG>
   );