diff --git a/app/assets/stylesheets/chat.scss b/app/assets/stylesheets/chat.scss
index 7b1449af8..95236236c 100644
--- a/app/assets/stylesheets/chat.scss
+++ b/app/assets/stylesheets/chat.scss
@@ -413,6 +413,8 @@
.activechatchannel__activecontentexitbutton {
font-size: 30px;
position: absolute;
+ margin-left: 80%;
+ margin-top: -4px;
left: 4px;
top: 4px;
z-index: 10;
diff --git a/app/javascript/chat/content.jsx b/app/javascript/chat/content.jsx
index fdc2de03b..6359618d1 100644
--- a/app/javascript/chat/content.jsx
+++ b/app/javascript/chat/content.jsx
@@ -14,6 +14,7 @@ const smartSvgIcon = (content, d) => (
viewBox="0 0 24 24"
width="24"
height="24"
+ style={{ marginLeft:'-12px', marginTop:'-4px' }}
>
@@ -74,7 +75,7 @@ export class Content extends Component {
type="button"
className="activechatchannel__activecontentexitbutton activechatchannel__activecontentexitbutton--fullscreen crayons-btn crayons-btn--secondary"
data-content="fullscreen"
- style={{ left: '39px' }}
+ style={{ left: "-80px", marginLeft: "0px" }}
title="fullscreen"
>
{' '}
diff --git a/app/javascript/chat/videoContent.jsx b/app/javascript/chat/videoContent.jsx
index b202e7718..ea32464bc 100644
--- a/app/javascript/chat/videoContent.jsx
+++ b/app/javascript/chat/videoContent.jsx
@@ -7,6 +7,7 @@ const smartSvgIcon = (content, d) => (
viewBox="0 0 24 24"
width="24"
height="24"
+
>
@@ -51,7 +52,7 @@ export function VideoContent(props) {
aria-label={fullscreen ? 'Fullscreen' : 'Leave fullscreen'}
className="activechatchannel__activecontentexitbutton activechatchannel__activecontentexitbutton--fullscreen crayons-btn crayons-btn--secondary"
data-content="fullscreen"
- style={{ left: '39px' }}
+ style={{ left: '-80px', marginLeft:'0px' }}
>
{fullscreen
? smartSvgIcon(