diff --git a/src/components/common/DrawerHeader.js b/src/components/common/DrawerHeader.js
index 761bbcf0..227eba1c 100644
--- a/src/components/common/DrawerHeader.js
+++ b/src/components/common/DrawerHeader.js
@@ -14,10 +14,11 @@ import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
 import ChevronRightIcon from '@material-ui/icons/ChevronRight';
 import ListItemIcon from '@material-ui/core/ListItemIcon';
 import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
+import { DRAWER_HEADER_HEIGHT } from '../../config/constants';
 
 const styles = () => ({
   drawerHeader: {
-    height: '55px',
+    height: DRAWER_HEADER_HEIGHT,
   },
   username: {
     fontWeight: 'bold',
diff --git a/src/config/constants.js b/src/config/constants.js
index 021d8978..a7f29215 100644
--- a/src/config/constants.js
+++ b/src/config/constants.js
@@ -103,3 +103,5 @@ export const TABLE_HEAD_CELL_IDS = {
 
 export const ROWS_PER_PAGE_OPTIONS = [5, 10, 25];
 export const TABLE_ROW_HEIGHT = 43;
+
+export const DRAWER_HEADER_HEIGHT = 55;