diff --git a/src/components/mindset/components/PlayerContols/index.tsx b/src/components/mindset/components/PlayerContols/index.tsx
index 8a15165e1..f6302c748 100644
--- a/src/components/mindset/components/PlayerContols/index.tsx
+++ b/src/components/mindset/components/PlayerContols/index.tsx
@@ -63,7 +63,8 @@ const Wrapper = styled(Flex).attrs({
   padding: 20px;
   background: ${colors.BG2};
   height: 96px;
-  margin-top: 16px;
+  /* margin-top: 16px; */
   border-radius: 8px;
   box-sizing: border-box;
+  margin-right: 4px;
 `
diff --git a/src/components/mindset/components/Sidebar/Transcript/index.tsx b/src/components/mindset/components/Sidebar/Transcript/index.tsx
index 1085645d7..1fa5de507 100644
--- a/src/components/mindset/components/Sidebar/Transcript/index.tsx
+++ b/src/components/mindset/components/Sidebar/Transcript/index.tsx
@@ -87,7 +87,7 @@ const Wrapper = styled(Flex)`
   padding: 24px;
   overflow-y: auto;
   flex: 1 1 100%;
-  max-height: 50%;
+  max-height: 60%;
 `
 
 const TranscriptWrapper = styled(Flex)`
diff --git a/src/components/mindset/components/Sidebar/index.tsx b/src/components/mindset/components/Sidebar/index.tsx
index ce63595c3..49de79c4b 100644
--- a/src/components/mindset/components/Sidebar/index.tsx
+++ b/src/components/mindset/components/Sidebar/index.tsx
@@ -19,7 +19,7 @@ export const SideBar = () => {
 const Wrapper = styled(Flex)(({ theme }) => ({
   position: 'relative',
   display: 'flex',
-  padding: '0 20px 20px 20px',
+  padding: '0 20px 0 20px',
   background: 'transparent',
   width: '100%',
 
diff --git a/src/components/mindset/index.tsx b/src/components/mindset/index.tsx
index 0703cde57..7c233398d 100644
--- a/src/components/mindset/index.tsx
+++ b/src/components/mindset/index.tsx
@@ -258,27 +258,30 @@ export const MindSet = () => {
   }, [dataInitial])
 
   return (
-    <Flex direction="row" style={{ height: '100%' }}>
-      {selectedEpisodeId ? (
-        <>
-          <Flex>
-            <Flex onClick={() => setShowTwoD(!showTwoD)}>
-              <Header />
+    <>
+      <Flex direction="row" style={{ height: '82%' }}>
+        {selectedEpisodeId ? (
+          <>
+            <Flex>
+              <Flex onClick={() => setShowTwoD(!showTwoD)}>
+                <Header />
+              </Flex>
+              <SideBar />
             </Flex>
-            <SideBar />
-          </Flex>
-          <ContentContainer>
-            <Flex basis="100%" grow={1} shrink={1}>
-              {showTwoD ? <Scene /> : <Universe />}
-            </Flex>
-
-            <PlayerControl markers={markers} />
-          </ContentContainer>
-        </>
-      ) : (
-        <LandingPage />
-      )}
-    </Flex>
+            <ContentContainer>
+              <Flex basis="100%" grow={1} shrink={1}>
+                {showTwoD ? <Scene /> : <Universe />}
+              </Flex>
+            </ContentContainer>
+          </>
+        ) : (
+          <LandingPage />
+        )}
+      </Flex>
+      <PlayerControlWrapper>
+        <PlayerControl markers={markers} />
+      </PlayerControlWrapper>
+    </>
   )
 }
 
@@ -288,3 +291,8 @@ const ContentContainer = styled(Flex)`
   flex-grow: 1;
   padding: 16px 16px 16px 0;
 `
+
+const PlayerControlWrapper = styled(Flex)`
+  padding: 16px 16px 16px 0;
+  margin-left: 18px;
+`