diff --git a/package-lock.json b/package-lock.json
index 146579f..51daa49 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6634,9 +6634,9 @@
       "integrity": "sha1-5WqpTEyAVaFkBKBnS3jyFffI4ZQ="
     },
     "material-ui": {
-      "version": "1.0.0-beta.31",
-      "resolved": "https://registry.npmjs.org/material-ui/-/material-ui-1.0.0-beta.31.tgz",
-      "integrity": "sha512-FTeNaBiTPhRAXMjtFyQfjKL5famLoFJK4jZS2qnkqvvbuO3LAtrdtB8L6nDzwbaU/NJmU5007gd+mjXABgBpiA==",
+      "version": "1.0.0-beta.32",
+      "resolved": "https://registry.npmjs.org/material-ui/-/material-ui-1.0.0-beta.32.tgz",
+      "integrity": "sha512-f8srx1qmAmD5lAuKPxVg5lWUkyIJAwsK31yU3jk2v5gMFVIruwf3qYIuZMb5tklVu1qt7qoR7SrH1Zo7oiFxjA==",
       "requires": {
         "@types/jss": "9.3.0",
         "@types/react-transition-group": "2.0.6",
diff --git a/package.json b/package.json
index 36976fe..27f8819 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,7 @@
     "inversify": "^4.6.0",
     "keycode": "^2.1.9",
     "lodash": "^4.17.4",
-    "material-ui": "^1.0.0-beta.31",
+    "material-ui": "^1.0.0-beta.32",
     "material-ui-icons": "^1.0.0-beta.17",
     "moment": "^2.18.1",
     "morgan": "^1.8.1",
@@ -64,15 +64,15 @@
     "uuid": "^3.0.1"
   },
   "devDependencies": {
-    "@types/react-infinite-scroller": "^1.0.4",
     "@types/classnames": "^2.2.3",
-    "@types/lodash": "^4.14.77",
     "@types/jest": "^22.1.1",
+    "@types/lodash": "^4.14.77",
     "@types/node": "^9.4.0",
     "@types/prop-types": "^15.5.2",
     "@types/react": "^16.0.36",
     "@types/react-dom": "^16.0.3",
     "@types/react-event-listener": "^0.4.4",
+    "@types/react-infinite-scroller": "^1.0.4",
     "@types/react-redux": "^5.0.10",
     "@types/react-router-dom": "^4.0.8",
     "@types/react-router-redux": "^5.0.8",
@@ -81,10 +81,10 @@
     "@types/uuid": "^3.4.3",
     "redux-logger": "^3.0.1",
     "redux-mock-store": "^1.2.3",
-    "typescript": "^2.7.1",
     "ts-node": "^3.3.0",
     "tslint": "^5.7.0",
-    "tslint-config-standard": "^6.0.1"
+    "tslint-config-standard": "^6.0.1",
+    "typescript": "^2.7.1"
   },
   "engines": {
     "node": "8.9.4",
diff --git a/src/components/commentGroup/CommentGroupComponent.tsx b/src/components/commentGroup/CommentGroupComponent.tsx
index 8424734..1b0bf2b 100644
--- a/src/components/commentGroup/CommentGroupComponent.tsx
+++ b/src/components/commentGroup/CommentGroupComponent.tsx
@@ -320,7 +320,7 @@ export class CommentGroupComponent extends Component<ICommentGroupComponentProps
       <CommentListComponent comments={comments!} isPostOwner={this.props.isPostOwner} disableComments={this.props.disableComments} />
     </Paper>)
     : '')
-    const loadComments = (( getCommentsRequest === undefined || (getCommentsRequest && getCommentsRequest!.status !== ServerRequestStatusType.OK)) ? <LinearProgress style={this.styles.progressbar} mode='indeterminate' /> : showComments)
+    const loadComments = (( getCommentsRequest === undefined || (getCommentsRequest && getCommentsRequest!.status !== ServerRequestStatusType.OK)) ? <LinearProgress style={this.styles.progressbar} variant='indeterminate' /> : showComments)
     /**
      * Return Elements
      */
diff --git a/src/components/editProfile/EditProfileComponent.tsx b/src/components/editProfile/EditProfileComponent.tsx
index 8b21b53..652228b 100644
--- a/src/components/editProfile/EditProfileComponent.tsx
+++ b/src/components/editProfile/EditProfileComponent.tsx
@@ -53,21 +53,21 @@ const styles = (theme: any) => ({
 /**
  * Create component class
  */
-export class EditProfileComponent extends Component<IEditProfileComponentProps,IEditProfileComponentState> {
+export class EditProfileComponent extends Component<IEditProfileComponentProps, IEditProfileComponentState> {
 
   static propTypes = {
 
-        /**
-         * User avatar address
-         */
+    /**
+     * User avatar address
+     */
     avatar: PropTypes.string,
-        /**
-         * User avatar address
-         */
+    /**
+     * User avatar address
+     */
     banner: PropTypes.string,
-        /**
-         * User full name
-         */
+    /**
+     * User full name
+     */
     fullName: PropTypes.string.isRequired
 
   }
@@ -117,118 +117,118 @@ export class EditProfileComponent extends Component<IEditProfileComponentProps,I
 
   }
 
-    /**
-     * Component constructor
-     * @param  {object} props is an object properties of component
-     */
-  constructor (props: IEditProfileComponentProps) {
+  /**
+   * Component constructor
+   * @param  {object} props is an object properties of component
+   */
+  constructor(props: IEditProfileComponentProps) {
     super(props)
-        // Defaul state
+    // Defaul state
     this.state = {
-            /**
-             * If it's true the winow is in small size
-             */
+      /**
+       * If it's true the winow is in small size
+       */
       isSmall: false,
-            /**
-             * User tag line input value
-             */
+      /**
+       * User tag line input value
+       */
       tagLineInput: props.info!.tagLine || '',
-            /**
-             * User full name input value
-             */
+      /**
+       * User full name input value
+       */
       fullNameInput: props.info!.fullName || '',
-            /**
-             * Error message of full name input
-             */
+      /**
+       * Error message of full name input
+       */
       fullNameInputError: '',
-            /**
-             * User banner address
-             */
+      /**
+       * User banner address
+       */
       banner: props.banner || 'https://firebasestorage.googleapis.com/v0/b/open-social-33d92.appspot.com/o/images%2F751145a1-9488-46fd-a97e-04018665a6d3.JPG?alt=media&token=1a1d5e21-5101-450e-9054-ea4a20e06c57',
-            /**
-             * User avatar address
-             */
+      /**
+       * User avatar address
+       */
       avatar: props.avatar || '',
-            /**
-             * It's true if the image galley for banner is open
-             */
+      /**
+       * It's true if the image galley for banner is open
+       */
       openBanner: false,
-            /**
-             * It's true if the image gallery for avatar is open
-             */
+      /**
+       * It's true if the image gallery for avatar is open
+       */
       openAvatar: false
 
     }
 
-        // Binding functions to `this`
+    // Binding functions to `this`
     this.handleUpdate = this.handleUpdate.bind(this)
     this.handleRequestSetAvatar = this.handleRequestSetAvatar.bind(this)
     this.handleRequestSetBanner = this.handleRequestSetBanner.bind(this)
 
   }
 
-   /**
-    * Close image gallery of banner
-    */
+  /**
+   * Close image gallery of banner
+   */
   handleCloseBannerGallery = () => {
     this.setState({
       openBanner: false
     })
   }
 
-   /**
-    * Open image gallery of banner
-    */
+  /**
+   * Open image gallery of banner
+   */
   handleOpenBannerGallery = () => {
     this.setState({
       openBanner: true
     })
   }
 
-    /**
-     * Close image gallery of avatar
-     */
+  /**
+   * Close image gallery of avatar
+   */
   handleCloseAvatarGallery = () => {
     this.setState({
       openAvatar: false
     })
   }
 
-    /**
-     * Open image gallery of avatar
-     */
+  /**
+   * Open image gallery of avatar
+   */
   handleOpenAvatarGallery = () => {
     this.setState({
       openAvatar: true
     })
   }
 
-   /**
-    * Set banner image url
-    */
+  /**
+   * Set banner image url
+   */
   handleRequestSetBanner = (url: string) => {
     this.setState({
       banner: url
     })
   }
 
-   /**
-    * Set avatar image url
-    */
+  /**
+   * Set avatar image url
+   */
   handleRequestSetAvatar = (fileName: string) => {
     this.setState({
       avatar: fileName
     })
   }
 
-    /**
-     * Update profile on the server
-     *
-     *
-     * @memberof EditProfile
-     */
+  /**
+   * Update profile on the server
+   *
+   *
+   * @memberof EditProfile
+   */
   handleUpdate = () => {
-    const {fullNameInput, tagLineInput, avatar, banner} = this.state
+    const { fullNameInput, tagLineInput, avatar, banner } = this.state
 
     if (this.state.fullNameInput.trim() === '') {
       this.setState({
@@ -249,10 +249,10 @@ export class EditProfileComponent extends Component<IEditProfileComponentProps,I
     }
   }
 
-    /**
-     * Handle data on input change
-     * @param  {event} evt is an event of inputs of element on change
-     */
+  /**
+   * Handle data on input change
+   * @param  {event} evt is an event of inputs of element on change
+   */
   handleInputChange = (event: any) => {
     const target = event.target
     const value = target.type === 'checkbox' ? target.checked : target.value
@@ -268,7 +268,7 @@ export class EditProfileComponent extends Component<IEditProfileComponentProps,I
    */
   handleResize = (event: any) => {
 
-        // Set initial state
+    // Set initial state
     let width = window.innerWidth
 
     if (width > 900) {
@@ -283,131 +283,133 @@ export class EditProfileComponent extends Component<IEditProfileComponentProps,I
     }
   }
 
-  componentDidMount () {
+  componentDidMount() {
     this.handleResize(null)
   }
 
-    /**
-     * Reneder component DOM
-     * @return {react element} return the DOM which rendered by component
-     */
-  render () {
+  /**
+   * Reneder component DOM
+   * @return {react element} return the DOM which rendered by component
+   */
+  render() {
 
-    const {classes, translate} = this.props
+    const { classes, translate } = this.props
     const iconButtonElement = (
-            <IconButton style={this.state.isSmall ? this.styles.iconButtonSmall : this.styles.iconButton}>
-                <MoreVertIcon style={{...(this.state.isSmall ? this.styles.iconButtonSmall : this.styles.iconButton),color: grey[400]}} viewBox='10 0 24 24' />
-            </IconButton>
-        )
+      <IconButton style={this.state.isSmall ? this.styles.iconButtonSmall : this.styles.iconButton}>
+        <MoreVertIcon style={{ ...(this.state.isSmall ? this.styles.iconButtonSmall : this.styles.iconButton), color: grey[400] }} viewBox='10 0 24 24' />
+      </IconButton>
+    )
 
     const RightIconMenu = () => (
       <div>
-      {iconButtonElement}
-                <MenuItem style={{ fontSize: '14px' }}>Reply</MenuItem>
-                <MenuItem style={{ fontSize: '14px' }}>Edit</MenuItem>
-                <MenuItem style={{ fontSize: '14px' }}>Delete</MenuItem>
-            </div>
-        )
+        {iconButtonElement}
+        <MenuItem style={{ fontSize: '14px' }}>Reply</MenuItem>
+        <MenuItem style={{ fontSize: '14px' }}>Edit</MenuItem>
+        <MenuItem style={{ fontSize: '14px' }}>Delete</MenuItem>
+      </div>
+    )
 
     return (
 
-            <div>
-                {/* Edit profile dialog */}
-                <Dialog
-                    key='Edit-Profile'
-                    open={this.props.open!}
-                    onClose={this.props.onRequestClose}
-                >
-                <DialogContent>
-                    {/* Banner */}
-                    <div style={{ position: 'relative' }}>
-                        <ImgCover width='100%' height='250px' borderRadius='2px' fileName={this.state.banner} />
-                        <div className='g__circle-black' onClick={this.handleOpenBannerGallery} style={{ position: 'absolute', right: '10px', top: '10px' }}>
-                            <SvgCamera style={{ fill: 'rgba(255, 255, 255, 0.88)', transform: 'translate(6px, 6px)' }} />
-                        </div>
-                    </div>
-                    <div className='profile__edit'>
-                        <EventListener
-                            target='window'
-                            onResize={this.handleResize}
-                        />
-                        <div className='left'>
-                            <div style={{ display: 'flex', justifyContent: 'center' }}>
-                                {/* Avatar */}
-                                <div className='g__circle-black' onClick={this.handleOpenAvatarGallery} style={{zIndex: 1, position: 'absolute', left: '50%', display: 'inline-block', top: '52px', margin: '-18px' }}>
-                                    <SvgCamera style={{ fill: 'rgba(255, 255, 255, 0.88)', transform: 'translate(6px, 6px)' }} />
+      <div>
+        {/* Edit profile dialog */}
+        <Dialog
+          key='Edit-Profile'
+          open={this.props.open!}
+          onClose={this.props.onRequestClose}
+          maxWidth='sm'
+        >
+          <DialogContent>
+            {/* Banner */}
+            <div style={{ position: 'relative' }}>
+              <ImgCover width='100%' height='250px' borderRadius='2px' fileName={this.state.banner} />
+              <div className='g__circle-black' onClick={this.handleOpenBannerGallery} style={{ position: 'absolute', right: '10px', top: '10px' }}>
+                <SvgCamera style={{ fill: 'rgba(255, 255, 255, 0.88)', transform: 'translate(6px, 6px)' }} />
+              </div>
+            </div>
+            <div className='profile__edit'>
+              <EventListener
+                target='window'
+                onResize={this.handleResize}
+              />
+              <div className='left'>
+                <div style={{ display: 'flex', justifyContent: 'center' }}>
+                  {/* Avatar */}
+                  <div className='g__circle-black' onClick={this.handleOpenAvatarGallery} style={{ zIndex: 1, position: 'absolute', left: '50%', display: 'inline-block', top: '52px', margin: '-18px' }}>
+                    <SvgCamera style={{ fill: 'rgba(255, 255, 255, 0.88)', transform: 'translate(6px, 6px)' }} />
 
-                                </div>
-                                <UserAvatarComponent fullName={(this.props.info ? this.props.info.fullName : '')} fileName={this.state.avatar} size={90} style={this.styles.avatar} />
-                            </div>
-                            <div className='info'>
-                                <div className='fullName'>
-                                    {this.props.fullName}
-                                </div>
+                  </div>
+                  <UserAvatarComponent fullName={(this.props.info ? this.props.info.fullName : '')} fileName={this.state.avatar} size={90} style={this.styles.avatar} />
+                </div>
+                <div className='info'>
+                  <div className='fullName'>
+                    {this.props.fullName}
+                  </div>
 
-                            </div>
-                        </div>
-
-                    </div>
-
-                    {/* Edit user information box*/}
-                    <Paper style={this.styles.paper} elevation={1}>
-                        <div style={this.styles.title as any}>{translate!('profile.personalInformationLabel')}</div>
-                        <div style={this.styles.box}>
-                          <FormControl aria-describedby='fullNameInputError'>
-                            <InputLabel htmlFor='fullNameInput'>{translate!('profile.fullName')}</InputLabel>
-                            <Input id='fullNameInput'
-                              onChange={this.handleInputChange}
-                              name='fullNameInput'
-                              value={this.state.fullNameInput} />
-                            <FormHelperText id='fullNameInputError'>{this.state.fullNameInputError}</FormHelperText>
-                          </FormControl>
-                        </div>
-                        <br />
-                        <div style={this.styles.box}>
-                        <FormControl aria-describedby='tagLineInputError'>
-                            <InputLabel htmlFor='tagLineInput'>{translate!('profile.tagline')}</InputLabel>
-                            <Input id='tagLineInput'
-                              onChange={this.handleInputChange}
-                              name='tagLineInput'
-                              value={this.state.tagLineInput} />
-                            <FormHelperText id='tagLineInputError'>{this.state.fullNameInputError}</FormHelperText>
-                          </FormControl>
-                        </div>
-                        <br />
-                        <div style={this.styles.actions as any}>
-                            <Button onClick={this.props.onRequestClose} > {translate!('profile.cancelButton')} </Button>
-                            <Button raised color='primary' onClick={this.handleUpdate} style={this.styles.updateButton}> {translate!('profile.updateButton')} </Button>
-                        </div>
-                    </Paper>
-                    <div style={{ height: '16px' }}></div>
-                    </DialogContent>
-                </Dialog>
-
-                {/* Image gallery for banner*/}
-                <Dialog
-                    open={this.state.openBanner}
-                    onClose={this.handleCloseBannerGallery}
-
-                >
-                <DialogTitle className={classes.dialogTitle}>
-                <AppDialogTitle title={translate!('profile.chooseBanerDialogTitle')} onRequestClose={this.handleCloseBannerGallery} />
-          </DialogTitle>
-                    <ImageGallery set={this.handleRequestSetBanner} close={this.handleCloseBannerGallery} />
-                </Dialog>
-
-                {/* Image gallery for avatar */}
-                <Dialog
-                    open={this.state.openAvatar}
-                    onClose={this.handleCloseAvatarGallery}
-                >
-                <DialogTitle className={classes.dialogTitle}>
-                <AppDialogTitle title={translate!('profile.chooseAvatarDialogTitle')} onRequestClose={this.handleCloseAvatarGallery} />
-          </DialogTitle>
-                    <ImageGallery set={this.handleRequestSetAvatar} close={this.handleCloseAvatarGallery} />
-                </Dialog>
+                </div>
+              </div>
 
             </div>
+
+            {/* Edit user information box*/}
+            <Paper style={this.styles.paper} elevation={1}>
+              <div style={this.styles.title as any}>{translate!('profile.personalInformationLabel')}</div>
+              <div style={this.styles.box}>
+                <FormControl aria-describedby='fullNameInputError'>
+                  <InputLabel htmlFor='fullNameInput'>{translate!('profile.fullName')}</InputLabel>
+                  <Input id='fullNameInput'
+                    onChange={this.handleInputChange}
+                    name='fullNameInput'
+                    value={this.state.fullNameInput} />
+                  <FormHelperText id='fullNameInputError'>{this.state.fullNameInputError}</FormHelperText>
+                </FormControl>
+              </div>
+              <br />
+              <div style={this.styles.box}>
+                <FormControl aria-describedby='tagLineInputError'>
+                  <InputLabel htmlFor='tagLineInput'>{translate!('profile.tagline')}</InputLabel>
+                  <Input id='tagLineInput'
+                    onChange={this.handleInputChange}
+                    name='tagLineInput'
+                    value={this.state.tagLineInput} />
+                  <FormHelperText id='tagLineInputError'>{this.state.fullNameInputError}</FormHelperText>
+                </FormControl>
+              </div>
+              <br />
+
+            </Paper>
+            <div style={{ height: '16px' }}></div>
+          </DialogContent>
+            <DialogActions>
+                <Button onClick={this.props.onRequestClose} > {translate!('profile.cancelButton')} </Button>
+                <Button variant='raised' color='primary' onClick={this.handleUpdate} style={this.styles.updateButton}> {translate!('profile.updateButton')} </Button>
+              </DialogActions>
+        </Dialog>
+
+        {/* Image gallery for banner*/}
+        <Dialog
+          open={this.state.openBanner}
+          onClose={this.handleCloseBannerGallery}
+
+        >
+          <DialogTitle className={classes.dialogTitle}>
+            <AppDialogTitle title={translate!('profile.chooseBanerDialogTitle')} onRequestClose={this.handleCloseBannerGallery} />
+          </DialogTitle>
+          <ImageGallery set={this.handleRequestSetBanner} close={this.handleCloseBannerGallery} />
+        </Dialog>
+
+        {/* Image gallery for avatar */}
+        <Dialog
+          open={this.state.openAvatar}
+          onClose={this.handleCloseAvatarGallery}
+        >
+          <DialogTitle className={classes.dialogTitle}>
+            <AppDialogTitle title={translate!('profile.chooseAvatarDialogTitle')} onRequestClose={this.handleCloseAvatarGallery} />
+          </DialogTitle>
+          <ImageGallery set={this.handleRequestSetAvatar} close={this.handleCloseAvatarGallery} />
+        </Dialog>
+
+      </div>
     )
   }
 }
diff --git a/src/components/emailVerification/EmailVerificationComponent.tsx b/src/components/emailVerification/EmailVerificationComponent.tsx
index 86f5dc5..39942e7 100644
--- a/src/components/emailVerification/EmailVerificationComponent.tsx
+++ b/src/components/emailVerification/EmailVerificationComponent.tsx
@@ -95,8 +95,8 @@ export class EmailVerificationComponent extends Component<IEmailVerificationComp
               {translate!('emailVerification.description')}
                 </p>
                 <div style={this.styles.buttons}>
-                  {/* <Button raised style={this.styles.homeButton} color='primary' onClick={() => this.props.homePage()}> {translate!('emailVerification.homeButton')} </Button> */}
-                  <Button raised color='primary' onClick={() => this.props.sendEmailVerification()}> {translate!('emailVerification.sendButton')} </Button>
+                  <Button variant='raised' style={this.styles.homeButton} color='primary' onClick={() => this.props.homePage()}> {translate!('emailVerification.homeButton')} </Button>
+                  <Button variant='raised' color='primary' onClick={() => this.props.sendEmailVerification()}> {translate!('emailVerification.sendButton')} </Button>
                 </div>
                 <div>
                 </div>
diff --git a/src/components/homeHeader/HomeHeaderComponent.tsx b/src/components/homeHeader/HomeHeaderComponent.tsx
index 2b338d7..09f0249 100644
--- a/src/components/homeHeader/HomeHeaderComponent.tsx
+++ b/src/components/homeHeader/HomeHeaderComponent.tsx
@@ -201,7 +201,7 @@ export class HomeHeaderComponent extends Component<IHomeHeaderComponentProps, IH
             <SvgDehaze color='primary' style={{ cursor: 'pointer' }} />
           </IconButton>
           {/* Header title */}
-          <Typography type='title' color='primary' style={{ marginLeft: '15px' }} >
+          <Typography variant='title' color='primary' style={{ marginLeft: '15px' }} >
             {config.settings.appName}
           </Typography>
           <div className='homeHeader__title-root'>
diff --git a/src/components/imageGallery/ImageGalleryComponent.tsx b/src/components/imageGallery/ImageGalleryComponent.tsx
index 623429a..5c8938f 100644
--- a/src/components/imageGallery/ImageGalleryComponent.tsx
+++ b/src/components/imageGallery/ImageGalleryComponent.tsx
@@ -208,7 +208,7 @@ export class ImageGalleryComponent extends Component<IImageGalleryComponentProps
                 type='file'
               />
               <label htmlFor='raised-button-file'>
-                <Button raised component='span' style={this.styles.uploadButton as any}>
+                <Button variant='raised' component='span' style={this.styles.uploadButton as any}>
                   {translate!('imageGallery.uploadButton')}
         </Button>
               </label>
diff --git a/src/components/login/LoginComponent.tsx b/src/components/login/LoginComponent.tsx
index 0a891eb..b48e1ec 100644
--- a/src/components/login/LoginComponent.tsx
+++ b/src/components/login/LoginComponent.tsx
@@ -217,7 +217,7 @@ export class LoginComponent extends Component<ILoginComponentProps,ILoginCompone
                   <Button onClick={this.props.signupPage} tabIndex={4}>{translate!('login.createAccountButton')}</Button>
                 </div>
                 <div >
-                  <Button raised color='primary' onClick={this.handleForm} tabIndex={3} >{translate!('login.loginButton')}</Button>
+                  <Button variant='raised' color='primary' onClick={this.handleForm} tabIndex={3} >{translate!('login.loginButton')}</Button>
                 </div>
               </div>
                 <span style={this.styles.restPassword as any}>{translate!('login.forgetPasswordMessage')} <NavLink to='/resetPassword' style={this.styles.restPasswordLink}>{translate!('login.resetPasswordLabel')}</NavLink></span>
diff --git a/src/components/master/MasterComponent.tsx b/src/components/master/MasterComponent.tsx
index 65140ab..c3df2e8 100644
--- a/src/components/master/MasterComponent.tsx
+++ b/src/components/master/MasterComponent.tsx
@@ -132,7 +132,7 @@ export class MasterComponent extends Component<IMasterComponentProps, IMasterCom
       <div id='master'>
        {sendFeedbackStatus ? <SendFeedback /> : ''}
         <div className='master__progress' style={{ display: (progress.visible ? 'block' : 'none') }}>
-          <LinearProgress mode='determinate' value={progress.percent} />
+          <LinearProgress variant='determinate' value={progress.percent} />
         </div>
         <div className='master__loading animate-fading2' style={{ display: (global.showTopLoading ? 'flex' : 'none') }}>
           <div className='title'>Loading ... </div>
diff --git a/src/components/masterLoading/MasterLoadingComponent.tsx b/src/components/masterLoading/MasterLoadingComponent.tsx
index c590565..191db6a 100644
--- a/src/components/masterLoading/MasterLoadingComponent.tsx
+++ b/src/components/masterLoading/MasterLoadingComponent.tsx
@@ -26,7 +26,7 @@ export default class MasterLoadingComponent extends Component<IMasterLoadingComp
          <CircularProgress
         color='secondary'
         size={50}
-        mode='determinate'
+        variant='determinate'
         value={25}
         min={0}
         max={50}
diff --git a/src/components/notify/NotifyComponent.tsx b/src/components/notify/NotifyComponent.tsx
index a4c2b4c..4fa154b 100644
--- a/src/components/notify/NotifyComponent.tsx
+++ b/src/components/notify/NotifyComponent.tsx
@@ -28,7 +28,8 @@ const styles = (theme: any) => ({
     maxWidth: 360,
     backgroundColor: '#efefef',
     minHeight: 376,
-    display: 'flex'
+    maxHeight: '380px',
+    display: 'flex',
   },
   noNotify: {
     color: '#888888',
@@ -44,6 +45,12 @@ const styles = (theme: any) => ({
     zIndex: 1,
     maxWidth: 500,
     overflowY: 'auto'
+  },
+  popper: {
+    maxHeight: '380px'
+  },
+  overflowHidden: {
+    overflow: 'hidden'
   }
 })
 
@@ -131,7 +138,7 @@ export class NotifyComponent extends Component<INotifyComponentProps, INotifyCom
 
         <ClickAwayListener onClickAway={onRequestClose}>
           <Grow in={open} style={{ transformOrigin: '0 0 0' }}>
-          <Paper className={classes.root} elevation={4} >
+          <Paper className={classNames(classes.root, { [classes.overflowHidden]: !open })} elevation={4} >
 
                 {items.length > 0 ? <List>{items}</List> : noNotify}
 
diff --git a/src/components/post/PostComponent.tsx b/src/components/post/PostComponent.tsx
index ebdd9f3..aaed6fb 100644
--- a/src/components/post/PostComponent.tsx
+++ b/src/components/post/PostComponent.tsx
@@ -468,7 +468,7 @@ export class PostComponent extends Component<IPostComponentProps, IPostComponent
               </MenuList>)
             : <div>
               <TextField autoFocus fullWidth={true} id='text-field-default' defaultValue={`${location.origin}/${post.ownerUserId}/posts/${post.id}`} />
-              <Typography className={classNames('animate-top', classes.clipboard)} type='headline' component='h2'>
+              <Typography className={classNames('animate-top', classes.clipboard)} variant='headline' component='h2'>
               Link has been copied to clipboard ...
           </Typography>
               </div>}
diff --git a/src/components/profileHeader/ProfileHeaderComponent.tsx b/src/components/profileHeader/ProfileHeaderComponent.tsx
index dcee032..6be3eae 100644
--- a/src/components/profileHeader/ProfileHeaderComponent.tsx
+++ b/src/components/profileHeader/ProfileHeaderComponent.tsx
@@ -201,7 +201,7 @@ export class ProfileHeaderComponent extends Component<IProfileHeaderComponentPro
                     </div>
                     <div className='right'>
                         {isAuthedUser ? (<div style={this.state.isSmall ? styles.editButtonSmall : styles.editButton}>
-                        <Button raised onClick={this.props.openEditor}>
+                        <Button variant='raised' onClick={this.props.openEditor}>
                         {translate!('profile.editProfileButton')}
                         </Button>
                         </div>) : ''}
diff --git a/src/components/resetPassword/ResetPasswordComponent.tsx b/src/components/resetPassword/ResetPasswordComponent.tsx
index 32540d4..ec448d0 100644
--- a/src/components/resetPassword/ResetPasswordComponent.tsx
+++ b/src/components/resetPassword/ResetPasswordComponent.tsx
@@ -148,10 +148,10 @@ export class ResetPasswordComponent extends Component<IResetPasswordComponentPro
                   <Button onClick={this.props.loginPage}>{translate!('resetPassword.backButton')}</Button>
                 </div>
                 <div>
-                  <Button raised color='primary' onClick={this.handleForm}>{translate!('resetPassword.resetPasswordButton')} </Button>
+                  <Button variant='raised' color='primary' onClick={this.handleForm}>{translate!('resetPassword.resetPasswordButton')} </Button>
                 </div>
               </div>
-              <Typography className={classes.caption} type='caption' component='p'>
+              <Typography className={classes.caption} variant='caption' component='p'>
               {translate!('resetPassword.description')}
           </Typography>
             </div>
diff --git a/src/components/sendFeedback/SendFeedbackComponent.tsx b/src/components/sendFeedback/SendFeedbackComponent.tsx
index ea4fe52..bf5fd75 100644
--- a/src/components/sendFeedback/SendFeedbackComponent.tsx
+++ b/src/components/sendFeedback/SendFeedbackComponent.tsx
@@ -133,7 +133,7 @@ export class SendFeedbackComponent extends Component<ISendFeedbackComponentProps
       <CircularProgress
         color='secondary'
         size={50}
-        mode='determinate'
+        variant='determinate'
         value={25}
         min={0}
         max={50}
diff --git a/src/components/setting/SettingComponent.tsx b/src/components/setting/SettingComponent.tsx
index 811f330..0678322 100644
--- a/src/components/setting/SettingComponent.tsx
+++ b/src/components/setting/SettingComponent.tsx
@@ -187,7 +187,7 @@ export class SettingComponent extends Component<ISettingComponentProps,ISettingC
                   <Button onClick={this.props.homePage} > {translate!('changePassword.homeButton')} </Button>
                 </div>
                 <div>
-                  <Button raised color='primary' onClick={this.handleForm}> {translate!('changePassword.changePasswordButton')} </Button>
+                  <Button variant='raised' color='primary' onClick={this.handleForm}> {translate!('changePassword.changePasswordButton')} </Button>
 
                 </div>
               </div>
diff --git a/src/components/signup/SignupComponent.tsx b/src/components/signup/SignupComponent.tsx
index e6e4336..938bad6 100644
--- a/src/components/signup/SignupComponent.tsx
+++ b/src/components/signup/SignupComponent.tsx
@@ -251,7 +251,7 @@ export class SignupComponent extends Component<ISignupComponentProps,ISignupComp
       <Button onClick={this.props.loginPage}>{translate!('signup.loginButton')}</Button>
     </div>
     <div>
-      <Button raised color='primary' onClick={this.handleForm}>{translate!('signup.createButton')}</Button>
+      <Button variant='raised' color='primary' onClick={this.handleForm}>{translate!('signup.createButton')}</Button>
 
     </div>
   </div>
diff --git a/src/styles/app.css b/src/styles/app.css
index 88252ec..6233e2c 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -494,7 +494,6 @@ g__input-underline::after {
 .master__progress {
   position: fixed;
   top: 0;
-  top: 56px;
   z-index: 1501;
   width: 100%; }
 
diff --git a/src/styles/components/_master.scss b/src/styles/components/_master.scss
index d89ab12..cd424c0 100644
--- a/src/styles/components/_master.scss
+++ b/src/styles/components/_master.scss
@@ -1,7 +1,6 @@
 .master__progress {
   position: fixed;
   top: 0;
-  top: 56px;
   z-index: 1501;
   width: 100%;
 }
diff --git a/yarn.lock b/yarn.lock
index b4ea622..d864b45 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -94,10 +94,6 @@
   version "22.1.1"
   resolved "https://registry.yarnpkg.com/@types/jest/-/jest-22.1.1.tgz#231d7c60ed130200af9e96c82469ed25b59a7ea2"
 
-"@types/jss@^9.3.0":
-  version "9.3.0"
-  resolved "https://registry.yarnpkg.com/@types/jss/-/jss-9.3.0.tgz#0f8484fd03ded206917be27b58217f274a0ad59f"
-
 "@types/lodash@^4.14.77":
   version "4.14.100"
   resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.100.tgz#f353dd9d3a9785638b6cb8023e6639097bd31969"
@@ -163,12 +159,6 @@
   version "0.0.30"
   resolved "https://registry.yarnpkg.com/@types/react-tap-event-plugin/-/react-tap-event-plugin-0.0.30.tgz#123f35080412f489b6770c5a65c159ff96654cb5"
 
-"@types/react-transition-group@^2.0.6":
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-2.0.6.tgz#8903fa2cf540ba454461590bff811a787889617c"
-  dependencies:
-    "@types/react" "*"
-
 "@types/react@*", "@types/react@^16.0.36":
   version "16.0.36"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-16.0.36.tgz#ceb5639013bdb92a94147883052e69bb2c22c69b"
@@ -874,10 +864,6 @@ braces@^1.8.2:
     preserve "^0.2.0"
     repeat-element "^1.1.2"
 
-brcast@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/brcast/-/brcast-3.0.1.tgz#6256a8349b20de9eed44257a9b24d71493cd48dd"
-
 brorand@^1.0.1:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
@@ -1104,10 +1090,6 @@ center-align@^0.1.1:
     align-text "^0.1.3"
     lazy-cache "^1.0.3"
 
-chain-function@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/chain-function/-/chain-function-1.0.0.tgz#0d4ab37e7e18ead0bdc47b920764118ce58733dc"
-
 chalk@1.1.3, chalk@^1.1.1, chalk@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
@@ -1568,12 +1550,6 @@ css-selector-tokenizer@^0.7.0:
     fastparse "^1.1.1"
     regexpu-core "^1.0.0"
 
-css-vendor@^0.3.8:
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/css-vendor/-/css-vendor-0.3.8.tgz#6421cfd3034ce664fe7673972fd0119fc28941fa"
-  dependencies:
-    is-in-browser "^1.0.2"
-
 css-what@2.1:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.0.tgz#9467d032c38cfaefb9f2d79501253062f87fa1bd"
@@ -1674,7 +1650,7 @@ debug@^3.1.0:
   dependencies:
     ms "2.0.0"
 
-debuglog@*, debuglog@^1.0.1:
+debuglog@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/debuglog/-/debuglog-1.0.1.tgz#aa24ffb9ac3df9a2351837cfb2d279360cd78492"
 
@@ -1853,10 +1829,6 @@ dom-converter@~0.1:
   dependencies:
     utila "~0.3"
 
-dom-helpers@^3.2.0, dom-helpers@^3.2.1:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-3.3.1.tgz#fc1a4e15ffdf60ddde03a480a9c0fece821dd4a6"
-
 dom-serializer@0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.1.0.tgz#073c697546ce0780ce23be4a28e293e40bc30c82"
@@ -1874,10 +1846,6 @@ dom-urls@^1.1.0:
   dependencies:
     urijs "^1.16.1"
 
-dom-walk@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/dom-walk/-/dom-walk-0.1.1.tgz#672226dc74c8f799ad35307df936aba11acd6018"
-
 domain-browser@^1.1.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
@@ -2436,6 +2404,12 @@ firebase@^4.6.2:
     dom-storage "^2.0.2"
     xmlhttprequest "^1.8.0"
 
+flat@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/flat/-/flat-2.0.1.tgz#70e29188a74be0c3c89409eed1fa9577907ae32f"
+  dependencies:
+    is-buffer "~1.1.2"
+
 flatten@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.2.tgz#dae46a9d78fbe25292258cc1e780a41d95c03782"
@@ -2729,13 +2703,6 @@ global-prefix@^1.0.1:
     is-windows "^1.0.1"
     which "^1.2.14"
 
-global@~4.3.0:
-  version "4.3.2"
-  resolved "https://registry.yarnpkg.com/global/-/global-4.3.2.tgz#e76989268a6c74c38908b1305b10fc0e394e9d0f"
-  dependencies:
-    min-document "^2.19.0"
-    process "~0.5.1"
-
 globals@^9.18.0:
   version "9.18.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
@@ -3139,7 +3106,7 @@ import-local@^0.1.1:
     pkg-dir "^2.0.0"
     resolve-cwd "^2.0.0"
 
-imurmurhash@*, imurmurhash@^0.1.4:
+imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
 
@@ -3262,7 +3229,7 @@ is-binary-path@^1.0.0:
   dependencies:
     binary-extensions "^1.0.0"
 
-is-buffer@^1.1.5:
+is-buffer@^1.1.5, is-buffer@~1.1.2:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
 
@@ -3334,10 +3301,6 @@ is-fullwidth-code-point@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
 
-is-function@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-function/-/is-function-1.0.1.tgz#12cfb98b65b57dd3d193a3121f5f6e2f437602b5"
-
 is-glob@^2.0.0, is-glob@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-2.0.1.tgz#d096f926a3ded5600f3fdfd91198cb0888c2d863"
@@ -3350,10 +3313,6 @@ is-glob@^3.1.0:
   dependencies:
     is-extglob "^2.1.0"
 
-is-in-browser@^1.0.2, is-in-browser@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/is-in-browser/-/is-in-browser-1.1.3.tgz#56ff4db683a078c6082eb95dad7dc62e1d04f835"
-
 is-installed-globally@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/is-installed-globally/-/is-installed-globally-0.1.0.tgz#0dfd98f5a9111716dd535dda6492f67bf3d25a80"
@@ -3410,12 +3369,6 @@ is-plain-obj@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
 
-is-plain-object@^2.0.1:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
-  dependencies:
-    isobject "^3.0.1"
-
 is-posix-bracket@^0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz#3334dc79774368e92f016e6fbc0a88f5cd6e6bc4"
@@ -3498,10 +3451,6 @@ isobject@^2.0.0:
   dependencies:
     isarray "1.0.0"
 
-isobject@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
-
 isomorphic-fetch@^2.1.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz#611ae1acf14f5e81f729507472819fe9733558a9"
@@ -3926,79 +3875,6 @@ jsprim@^1.2.2:
     json-schema "0.2.3"
     verror "1.10.0"
 
-jss-camel-case@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/jss-camel-case/-/jss-camel-case-6.0.0.tgz#7cf8453e395c31fed931d11efbc885edcd61132e"
-
-jss-compose@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/jss-compose/-/jss-compose-5.0.0.tgz#ce01b2e4521d65c37ea42cf49116e5f7ab596484"
-  dependencies:
-    warning "^3.0.0"
-
-jss-default-unit@^8.0.2:
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/jss-default-unit/-/jss-default-unit-8.0.2.tgz#cc1e889bae4c0b9419327b314ab1c8e2826890e6"
-
-jss-expand@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/jss-expand/-/jss-expand-5.1.0.tgz#b1ad74ec18631f34f65a2124fcfceb6400610e3d"
-
-jss-extend@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/jss-extend/-/jss-extend-6.1.0.tgz#85f3d39944018e8f44b322c14fa316068aa7bb0b"
-  dependencies:
-    warning "^3.0.0"
-
-jss-global@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/jss-global/-/jss-global-3.0.0.tgz#e19e5c91ab2b96353c227e30aa2cbd938cdaafa2"
-
-jss-nested@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/jss-nested/-/jss-nested-6.0.1.tgz#ef992b79d6e8f63d939c4397b9d99b5cbbe824ca"
-  dependencies:
-    warning "^3.0.0"
-
-jss-preset-default@^4.0.1:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/jss-preset-default/-/jss-preset-default-4.1.0.tgz#8a07d8de92cb0c55b70dc1919b802aed9cc4ebe9"
-  dependencies:
-    jss-camel-case "^6.0.0"
-    jss-compose "^5.0.0"
-    jss-default-unit "^8.0.2"
-    jss-expand "^5.1.0"
-    jss-extend "^6.1.0"
-    jss-global "^3.0.0"
-    jss-nested "^6.0.1"
-    jss-props-sort "^6.0.0"
-    jss-template "^1.0.1"
-    jss-vendor-prefixer "^7.0.0"
-
-jss-props-sort@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/jss-props-sort/-/jss-props-sort-6.0.0.tgz#9105101a3b5071fab61e2d85ea74cc22e9b16323"
-
-jss-template@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/jss-template/-/jss-template-1.0.1.tgz#09aed9d86cc547b07f53ef355d7e1777f7da430a"
-  dependencies:
-    warning "^3.0.0"
-
-jss-vendor-prefixer@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/jss-vendor-prefixer/-/jss-vendor-prefixer-7.0.0.tgz#0166729650015ef19d9f02437c73667231605c71"
-  dependencies:
-    css-vendor "^0.3.8"
-
-jss@^9.3.2, jss@^9.3.3:
-  version "9.6.0"
-  resolved "https://registry.yarnpkg.com/jss/-/jss-9.6.0.tgz#a4f256263608b39a37f2d3c10b9ab08d9ab841f3"
-  dependencies:
-    is-in-browser "^1.1.3"
-    symbol-observable "^1.1.0"
-    warning "^3.0.0"
-
 keycode@^2.1.9:
   version "2.1.9"
   resolved "https://registry.yarnpkg.com/keycode/-/keycode-2.1.9.tgz#964a23c54e4889405b4861a5c9f0480d45141dfa"
@@ -4139,10 +4015,6 @@ lodash-es@^4.17.4, lodash-es@^4.2.0, lodash-es@^4.2.1:
   version "4.17.4"
   resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.4.tgz#dcc1d7552e150a0640073ba9cb31d70f032950e7"
 
-lodash._baseindexof@*:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/lodash._baseindexof/-/lodash._baseindexof-3.1.0.tgz#fe52b53a1c6761e42618d654e4a25789ed61822c"
-
 lodash._baseuniq@~4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/lodash._baseuniq/-/lodash._baseuniq-4.6.0.tgz#0ebb44e456814af7905c6212fa2c9b2d51b841e8"
@@ -4150,28 +4022,10 @@ lodash._baseuniq@~4.6.0:
     lodash._createset "~4.0.0"
     lodash._root "~3.0.0"
 
-lodash._bindcallback@*:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/lodash._bindcallback/-/lodash._bindcallback-3.0.1.tgz#e531c27644cf8b57a99e17ed95b35c748789392e"
-
-lodash._cacheindexof@*:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/lodash._cacheindexof/-/lodash._cacheindexof-3.0.2.tgz#3dc69ac82498d2ee5e3ce56091bafd2adc7bde92"
-
-lodash._createcache@*:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/lodash._createcache/-/lodash._createcache-3.1.2.tgz#56d6a064017625e79ebca6b8018e17440bdcf093"
-  dependencies:
-    lodash._getnative "^3.0.0"
-
 lodash._createset@~4.0.0:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/lodash._createset/-/lodash._createset-4.0.3.tgz#0f4659fbb09d75194fa9e2b88a6644d363c9fe26"
 
-lodash._getnative@*, lodash._getnative@^3.0.0:
-  version "3.9.1"
-  resolved "https://registry.yarnpkg.com/lodash._getnative/-/lodash._getnative-3.9.1.tgz#570bc7dede46d61cdcde687d65d3eecbaa3aaff5"
-
 lodash._reinterpolate@~3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
@@ -4220,10 +4074,6 @@ lodash.mergewith@^4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/lodash.mergewith/-/lodash.mergewith-4.6.0.tgz#150cf0a16791f5903b8891eab154609274bdea55"
 
-lodash.restparam@*:
-  version "3.6.1"
-  resolved "https://registry.yarnpkg.com/lodash.restparam/-/lodash.restparam-3.6.1.tgz#936a4e309ef330a7645ed4145986c85ae5b20805"
-
 lodash.startswith@^4.2.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/lodash.startswith/-/lodash.startswith-4.2.1.tgz#c598c4adce188a27e53145731cdc6c0e7177600c"
@@ -4351,38 +4201,6 @@ material-ui-icons@^1.0.0-beta.17:
   dependencies:
     recompose "^0.26.0"
 
-material-ui@^1.0.0-beta.31:
-  version "1.0.0-beta.31"
-  resolved "https://registry.yarnpkg.com/material-ui/-/material-ui-1.0.0-beta.31.tgz#5d832d0c4d9eceea2cbf1647dc7f57a4031f0243"
-  dependencies:
-    "@types/jss" "^9.3.0"
-    "@types/react-transition-group" "^2.0.6"
-    babel-runtime "^6.26.0"
-    brcast "^3.0.1"
-    classnames "^2.2.5"
-    deepmerge "^2.0.1"
-    dom-helpers "^3.2.1"
-    hoist-non-react-statics "^2.3.1"
-    jss "^9.3.3"
-    jss-camel-case "^6.0.0"
-    jss-default-unit "^8.0.2"
-    jss-global "^3.0.0"
-    jss-nested "^6.0.1"
-    jss-props-sort "^6.0.0"
-    jss-vendor-prefixer "^7.0.0"
-    keycode "^2.1.9"
-    lodash "^4.2.0"
-    normalize-scroll-left "^0.1.2"
-    prop-types "^15.6.0"
-    react-event-listener "^0.5.1"
-    react-jss "^8.1.0"
-    react-popper "^0.7.4"
-    react-scrollbar-size "^2.0.2"
-    react-transition-group "^2.2.1"
-    recompose "^0.26.0"
-    scroll "^2.0.1"
-    warning "^3.0.0"
-
 math-expression-evaluator@^1.2.14:
   version "1.2.17"
   resolved "https://registry.yarnpkg.com/math-expression-evaluator/-/math-expression-evaluator-1.2.17.tgz#de819fdbcd84dccd8fae59c6aeb79615b9d266ac"
@@ -4493,12 +4311,6 @@ mimic-fn@^1.0.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.2.0.tgz#820c86a39334640e99516928bd03fca88057d022"
 
-min-document@^2.19.0:
-  version "2.19.0"
-  resolved "https://registry.yarnpkg.com/min-document/-/min-document-2.19.0.tgz#7bd282e3f5842ed295bb748cdd9f1ffa2c824685"
-  dependencies:
-    dom-walk "^0.1.0"
-
 mingo@^1.3.1:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/mingo/-/mingo-1.3.3.tgz#6922c4d147efc771a01425a2c4c8f7784478c546"
@@ -4795,10 +4607,6 @@ normalize-range@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
 
-normalize-scroll-left@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/normalize-scroll-left/-/normalize-scroll-left-0.1.2.tgz#6b79691ba79eb5fb107fa5edfbdc06b55caee2aa"
-
 normalize-url@^1.4.0:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-1.9.1.tgz#2cc0d66b31ea23036458436e3620d85954c66c3c"
@@ -5389,10 +5197,6 @@ pkg-dir@^2.0.0:
   dependencies:
     find-up "^2.1.0"
 
-popper.js@^1.12.5:
-  version "1.13.0"
-  resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.13.0.tgz#e1e7ff65cc43f7cf9cf16f1510a75e81f84f4565"
-
 portfinder@^1.0.9:
   version "1.0.13"
   resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.13.tgz#bb32ecd87c27104ae6ee44b5a3ccbf0ebb1aede9"
@@ -5727,10 +5531,6 @@ process@^0.11.10:
   version "0.11.10"
   resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
 
-process@~0.5.1:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/process/-/process-0.5.2.tgz#1638d8a8e34c2f440a91db95ab9aeb677fc185cf"
-
 promise-inflight@^1.0.1, promise-inflight@~1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
@@ -5913,12 +5713,6 @@ raf@3.4.0:
   dependencies:
     performance-now "^2.1.0"
 
-rafl@~1.2.1:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/rafl/-/rafl-1.2.2.tgz#fe930f758211020d47e38815f5196a8be4150740"
-  dependencies:
-    global "~4.3.0"
-
 randomatic@^1.1.3:
   version "1.1.7"
   resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-1.1.7.tgz#c7abe9cc8b87c0baa876b19fde83fd464797e38c"
@@ -6022,16 +5816,6 @@ react-infinite-scroller@^1.1.2:
   dependencies:
     prop-types "^15.5.8"
 
-react-jss@^8.1.0:
-  version "8.2.1"
-  resolved "https://registry.yarnpkg.com/react-jss/-/react-jss-8.2.1.tgz#b2905063ba8b950f095a139a75232d851c79e15e"
-  dependencies:
-    hoist-non-react-statics "^2.3.1"
-    jss "^9.3.2"
-    jss-preset-default "^4.0.1"
-    prop-types "^15.6.0"
-    theming "^1.3.0"
-
 react-linkify@^0.2.1:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/react-linkify/-/react-linkify-0.2.2.tgz#55b99b1cc7244446a0f9bdebbe13b2c30f789e65"
@@ -6040,19 +5824,19 @@ react-linkify@^0.2.1:
     prop-types "^15.5.8"
     tlds "^1.57.0"
 
+react-localize-redux@^2.15.1:
+  version "2.15.1"
+  resolved "https://registry.yarnpkg.com/react-localize-redux/-/react-localize-redux-2.15.1.tgz#b32969eae191bcbcca2f0ffdc20802768fec0601"
+  dependencies:
+    flat "^2.0.1"
+    reselect "^3.0.1"
+
 react-parallax@^1.4.4:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/react-parallax/-/react-parallax-1.6.0.tgz#f976da5f940d2dae7b996bb3303ebb89032eed3b"
   dependencies:
     babel-jest "^21.2.0"
 
-react-popper@^0.7.4:
-  version "0.7.5"
-  resolved "https://registry.yarnpkg.com/react-popper/-/react-popper-0.7.5.tgz#71c25946f291db381231281f6b95729e8b801596"
-  dependencies:
-    popper.js "^1.12.5"
-    prop-types "^15.5.10"
-
 react-redux@^5.0.6:
   version "5.0.6"
   resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-5.0.6.tgz#23ed3a4f986359d68b5212eaaa681e60d6574946"
@@ -6132,15 +5916,6 @@ react-scripts-ts@2.13.0:
   optionalDependencies:
     fsevents "1.1.2"
 
-react-scrollbar-size@^2.0.2:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/react-scrollbar-size/-/react-scrollbar-size-2.1.0.tgz#105e797135cab92b1f9e16f00071db7f29f80754"
-  dependencies:
-    babel-runtime "^6.26.0"
-    prop-types "^15.6.0"
-    react-event-listener "^0.5.1"
-    stifle "^1.0.2"
-
 react-string-replace@^0.4.0:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/react-string-replace/-/react-string-replace-0.4.1.tgz#024c6ac0a91163ecae439a1b197d3e1660c98c0d"
@@ -6153,17 +5928,6 @@ react-tap-event-plugin@^3.0.2:
   dependencies:
     fbjs "^0.8.6"
 
-react-transition-group@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-2.2.1.tgz#e9fb677b79e6455fd391b03823afe84849df4a10"
-  dependencies:
-    chain-function "^1.0.0"
-    classnames "^2.2.5"
-    dom-helpers "^3.2.0"
-    loose-envify "^1.3.1"
-    prop-types "^15.5.8"
-    warning "^3.0.0"
-
 react@^16.2.0:
   version "16.2.0"
   resolved "https://registry.yarnpkg.com/react/-/react-16.2.0.tgz#a31bd2dab89bff65d42134fa187f24d054c273ba"
@@ -6287,7 +6051,7 @@ readable-stream@~1.1.10:
     isarray "0.0.1"
     string_decoder "~0.10.x"
 
-readdir-scoped-modules@*, readdir-scoped-modules@^1.0.0:
+readdir-scoped-modules@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/readdir-scoped-modules/-/readdir-scoped-modules-1.0.2.tgz#9fafa37d286be5d92cbaebdee030dc9b5f406747"
   dependencies:
@@ -6555,6 +6319,10 @@ requires-port@1.0.x, requires-port@1.x.x, requires-port@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
 
+reselect@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/reselect/-/reselect-3.0.1.tgz#efdaa98ea7451324d092b2b2163a6a1d7a9a2147"
+
 resolve-cwd@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-2.0.0.tgz#00a9f7387556e27038eae232caa372a6a59b665a"
@@ -6686,12 +6454,6 @@ schema-utils@^0.3.0:
   dependencies:
     ajv "^5.0.0"
 
-scroll@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/scroll/-/scroll-2.0.1.tgz#b4c7d27e8bcf3ae8a58a042f27268ae3f55f9ccd"
-  dependencies:
-    rafl "~1.2.1"
-
 scss-tokenizer@^0.2.3:
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz#8eb06db9a9723333824d3f5530641149847ce5d1"
@@ -7021,10 +6783,6 @@ stdout-stream@^1.4.0:
   dependencies:
     readable-stream "^2.0.1"
 
-stifle@^1.0.2:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/stifle/-/stifle-1.0.4.tgz#8b3bcdf52419b0a9c79e35adadce50123c1d8e99"
-
 stream-browserify@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.1.tgz#66266ee5f9bdb9940a4e4514cafb43bb71e5c9db"
@@ -7220,7 +6978,7 @@ sw-toolbox@^3.4.0:
     path-to-regexp "^1.0.1"
     serviceworker-cache-polyfill "^4.0.0"
 
-symbol-observable@^1.0.3, symbol-observable@^1.0.4, symbol-observable@^1.1.0:
+symbol-observable@^1.0.3, symbol-observable@^1.0.4:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.2.0.tgz#c22688aed4eab3cdc2dfeacbb561660560a00804"
 
@@ -7284,15 +7042,6 @@ text-table@0.2.0, text-table@~0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
 
-theming@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/theming/-/theming-1.3.0.tgz#286d5bae80be890d0adc645e5ca0498723725bdc"
-  dependencies:
-    brcast "^3.0.1"
-    is-function "^1.0.1"
-    is-plain-object "^2.0.1"
-    prop-types "^15.5.8"
-
 throat@^3.0.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/throat/-/throat-3.2.0.tgz#50cb0670edbc40237b9e347d7e1f88e4620af836"
@@ -7731,7 +7480,7 @@ v8flags@^3.0.0:
   dependencies:
     homedir-polyfill "^1.0.1"
 
-validate-npm-package-license@*, validate-npm-package-license@^3.0.1:
+validate-npm-package-license@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.1.tgz#2804babe712ad3379459acfbe24746ab2c303fbc"
   dependencies: