fixes #343

app/src/components/Containers/Me.js

@@ -400,6 +400,7 @@ const Me = (props) =>
 							<React.Fragment>
 								<Tooltip title={micTip} placement='left'>
 									{ smallContainer ?
+										<div>
 											<IconButton
 												aria-label={intl.formatMessage({
 													id             : 'device.muteAudio',
@@ -425,7 +426,9 @@ const Me = (props) =>
 													<MicOffIcon />
 												}
 											</IconButton>
+										</div>
 										:
+										<div>
 											<Fab
 												aria-label={intl.formatMessage({
 													id             : 'device.muteAudio',
@@ -451,10 +454,12 @@ const Me = (props) =>
 													<MicOffIcon />
 												}
 											</Fab>
+										</div>
 									}
 								</Tooltip>
 								<Tooltip title={webcamTip} placement='left'>
 									{ smallContainer ?
+										<div>
 											<IconButton
 												aria-label={intl.formatMessage({
 													id             : 'device.startVideo',
@@ -477,7 +482,9 @@ const Me = (props) =>
 													<VideoOffIcon />
 												}
 											</IconButton>
+										</div>
 										:
+										<div>
 											<Fab
 												aria-label={intl.formatMessage({
 													id             : 'device.startVideo',
@@ -500,11 +507,13 @@ const Me = (props) =>
 													<VideoOffIcon />
 												}
 											</Fab>
+										</div>
 									}
 								</Tooltip>
 								{ me.browser.platform !== 'mobile' &&
 									<Tooltip title={screenTip} placement='left'>
 										{ smallContainer ?
+											<div>
 												<IconButton
 													aria-label={intl.formatMessage({
 														id             : 'device.startScreenSharing',
@@ -547,7 +556,9 @@ const Me = (props) =>
 													}
 
 												</IconButton>
+											</div>
 											:
+											<div>
 												<Fab
 													aria-label={intl.formatMessage({
 														id             : 'device.startScreenSharing',
@@ -589,6 +600,7 @@ const Me = (props) =>
 													<ScreenIcon/>
 													}
 												</Fab>
+											</div>
 										}
 									</Tooltip>
 								}
@@ -692,6 +704,7 @@ const Me = (props) =>
 							>
 								<Tooltip title={webcamTip} placement='left'>
 									{ smallContainer ?
+										<div>
 											<IconButton
 												aria-label={intl.formatMessage({
 													id             : 'device.stopVideo',
@@ -709,7 +722,9 @@ const Me = (props) =>
 												<VideoIcon />
 
 											</IconButton>
+										</div>
 										:
+										<div>
 											<Fab
 												aria-label={intl.formatMessage({
 													id             : 'device.stopVideo',
@@ -725,6 +740,7 @@ const Me = (props) =>
 											>
 												<VideoIcon />
 											</Fab>
+										</div>
 									}
 								</Tooltip>
 							</div>