diff --git a/webapp/src/components/workspaceComponent.scss b/webapp/src/components/workspace.scss
similarity index 94%
rename from webapp/src/components/workspaceComponent.scss
rename to webapp/src/components/workspace.scss
index 3a46b5c4a..d124cdca8 100644
--- a/webapp/src/components/workspaceComponent.scss
+++ b/webapp/src/components/workspace.scss
@@ -1,4 +1,4 @@
-.WorkspaceComponent {
+.Workspace {
 	flex: 1 1 auto;
 	display: flex;
 	flex-direction: row;
diff --git a/webapp/src/components/workspaceComponent.tsx b/webapp/src/components/workspace.tsx
similarity index 89%
rename from webapp/src/components/workspaceComponent.tsx
rename to webapp/src/components/workspace.tsx
index a4a3de19a..bd66a32d4 100644
--- a/webapp/src/components/workspaceComponent.tsx
+++ b/webapp/src/components/workspace.tsx
@@ -9,7 +9,7 @@ import {WorkspaceTree} from '../viewModel/workspaceTree'
 
 import Sidebar from './sidebar'
 import CenterPanel from './centerPanel'
-import './workspaceComponent.scss'
+import './workspace.scss'
 
 type Props = {
     workspaceTree: WorkspaceTree
@@ -21,13 +21,13 @@ type Props = {
     readonly: boolean
 }
 
-class WorkspaceComponent extends React.PureComponent<Props> {
+class Workspace extends React.PureComponent<Props> {
     render(): JSX.Element {
         const {boardTree, workspaceTree, showBoard, showView, setLanguage} = this.props
 
         Utils.assert(workspaceTree || !this.props.readonly)
         const element = (
-            <div className='WorkspaceComponent'>
+            <div className='Workspace'>
                 {!this.props.readonly &&
                     <Sidebar
                         showBoard={showBoard}
@@ -41,7 +41,7 @@ class WorkspaceComponent extends React.PureComponent<Props> {
                     {(boardTree?.board.isTemplate) &&
                     <div className='banner'>
                         <FormattedMessage
-                            id='WorkspaceComponent.editing-board-template'
+                            id='Workspace.editing-board-template'
                             defaultMessage="You're editing a board template"
                         />
                     </div>
@@ -72,4 +72,4 @@ class WorkspaceComponent extends React.PureComponent<Props> {
     }
 }
 
-export {WorkspaceComponent}
+export default Workspace
diff --git a/webapp/src/pages/boardPage.tsx b/webapp/src/pages/boardPage.tsx
index 893955e0b..d13e8a808 100644
--- a/webapp/src/pages/boardPage.tsx
+++ b/webapp/src/pages/boardPage.tsx
@@ -5,7 +5,7 @@ import {injectIntl, IntlShape} from 'react-intl'
 
 import {IBlock} from '../blocks/block'
 import {sendFlashMessage} from '../components/flashMessages'
-import {WorkspaceComponent} from '../components/workspaceComponent'
+import Workspace from '../components/workspace'
 import mutator from '../mutator'
 import octoClient from '../octoClient'
 import {OctoListener} from '../octoListener'
@@ -163,7 +163,7 @@ class BoardPage extends React.Component<Props, State> {
 
         return (
             <div className='BoardPage'>
-                <WorkspaceComponent
+                <Workspace
                     workspaceTree={workspaceTree}
                     boardTree={this.state.boardTree}
                     showView={(id, boardId) => {