diff --git a/src/components/views/elements/MessagePreview.tsx b/src/components/views/elements/EventTilePreview.tsx
similarity index 97%
rename from src/components/views/elements/MessagePreview.tsx
rename to src/components/views/elements/EventTilePreview.tsx
index 95df8aa477..fa600196e5 100644
--- a/src/components/views/elements/MessagePreview.tsx
+++ b/src/components/views/elements/EventTilePreview.tsx
@@ -47,7 +47,7 @@ interface IState {
 
 const AVATAR_SIZE = 32;
 
-export default class MessagePreview extends React.Component<IProps, IState> {
+export default class EventTilePreview extends React.Component<IProps, IState> {
     constructor(props: IProps) {
         super(props);
 
diff --git a/src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx b/src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx
index d11f2cda9b..d2165e3762 100644
--- a/src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx
+++ b/src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx
@@ -32,7 +32,7 @@ import { IValidationResult, IFieldState } from '../../../elements/Validation';
 import StyledRadioButton from '../../../elements/StyledRadioButton';
 import StyledCheckbox from '../../../elements/StyledCheckbox';
 import SettingsFlag from '../../../elements/SettingsFlag';
-import MessagePreview from '../../../elements/MessagePreview';
+import EventTilePreview from '../../../elements/EventTilePreview';
 
 interface IProps {
 }
@@ -281,7 +281,7 @@ export default class AppearanceUserSettingsTab extends React.Component<IProps, I
         return <div className="mx_SettingsTab_section mx_AppearanceUserSettingsTab_fontScaling">
 
             <span className="mx_SettingsTab_subheading">{_t("Font size")}</span>
-            <MessagePreview
+            <EventTilePreview
                 className="mx_AppearanceUserSettingsTab_fontSlider_preview"
                 message={_t("Hey you. You're the best!")}
                 useIRCLayout={false}