diff --git a/res/css/views/messages/_MImageBody.scss b/res/css/views/messages/_MImageBody.scss
index 8752da117d..a5a1e66a3b 100644
--- a/res/css/views/messages/_MImageBody.scss
+++ b/res/css/views/messages/_MImageBody.scss
@@ -47,7 +47,7 @@ limitations under the License.
     transform: translate(-50%, -50%);
 }
 
-.mx_MImageBody_GIFlabel {
+.mx_MImageBody_gifLabel {
     position: absolute;
     display: block;
     top: 0px;
diff --git a/src/components/views/messages/MImageBody.js b/src/components/views/messages/MImageBody.js
index 6cabd9bc76..dc891b86ff 100644
--- a/src/components/views/messages/MImageBody.js
+++ b/src/components/views/messages/MImageBody.js
@@ -278,7 +278,7 @@ export default class MImageBody extends React.Component {
 
         let img = null;
         let placeholder = null;
-        let giflabel = null;
+        let gifLabel = null;
 
         // e2e image hasn't been decrypted yet
         if (content.file !== undefined && this.state.decryptedUrl === null) {
@@ -304,7 +304,7 @@ export default class MImageBody extends React.Component {
         }
 
         if (this._isGif() && !SettingsStore.getValue("autoplayGifsAndVideos") && !this.state.hover) {
-            giflabel = <p className="mx_MImageBody_GIFlabel">GIF</p>;
+            gifLabel = <p className="mx_MImageBody_gifLabel">GIF</p>;
         }
 
         const thumbnail = (
@@ -324,7 +324,7 @@ export default class MImageBody extends React.Component {
 
                 <div style={{display: !showPlaceholder ? undefined : 'none'}}>
                     { img }
-                    { giflabel }
+                    { gifLabel }
                 </div>
 
                 { this.state.hover && this.getTooltip() }