maintain gap between the button

Author: PiyushChandra17

client/modules/IDE/components/FloatingActionButton.jsx

@@ -47,7 +47,7 @@ const FloatingActionButton = ({ syncFileContent, offsetBottom }) => {
       className={classNames({ stop: isPlaying })}
       style={{
         paddingLeft: isPlaying ? 0 : remSize(5),
-        bottom: offsetBottom
+        marginBottom: offsetBottom
       }}
       onClick={() => {
         if (!isPlaying) {

client/modules/IDE/pages/IDEView.jsx

@@ -210,7 +210,7 @@ const IDEView = () => {
             <>
               <FloatingActionButton
                 syncFileContent={syncFileContent}
-                offsetBottom={ide.isPlaying ? consoleSize : 0}
+                offsetBottom={ide.isPlaying ? consoleSize : 20}
               />
               <PreviewWrapper show={ide.isPlaying}>
                 <SplitPane