diff --git a/public/react/src/modules/page/main/ChooseEvaluateView.js b/public/react/src/modules/page/main/ChooseEvaluateView.js
index e9a2b6eed..64efa08f6 100644
--- a/public/react/src/modules/page/main/ChooseEvaluateView.js
+++ b/public/react/src/modules/page/main/ChooseEvaluateView.js
@@ -1,10 +1,10 @@
 import React, { Component } from 'react';
 
-import IconButton from 'material-ui/IconButton';
 import Tooltip from 'material-ui/Tooltip';
 
 import { CircularProgress } from 'material-ui/Progress';
 
+import './ChooseEvaluateViewnew.css';
 
 class ChooseEvaluateView extends Component {
 
@@ -128,7 +128,7 @@ class ChooseEvaluateView extends Component {
 					</div>
 					<div id="blacktab_con_2" className=" ">
 						<div className="fit -scroll">
-							<div className="-layout-v -fit">
+							<div className="-layout-v -fit paddingbottom60tpm">
 								<div className="-flex -scroll task-padding16 loading-center undis" id="evaluating_ajax_loading"></div>
 								<div className="-flex -scroll task-padding16" id="evaluating_contents">
 									{/*
diff --git a/public/react/src/modules/page/main/ChooseEvaluateViewnew.css b/public/react/src/modules/page/main/ChooseEvaluateViewnew.css
new file mode 100644
index 000000000..4b9d988ae
--- /dev/null
+++ b/public/react/src/modules/page/main/ChooseEvaluateViewnew.css
@@ -0,0 +1,3 @@
+.paddingbottom60tpm{
+    padding-bottom: 60px;
+}
\ No newline at end of file
diff --git a/public/react/src/modules/page/main/CodeEvaluateView.css b/public/react/src/modules/page/main/CodeEvaluateView.css
index 9c07c4541..3b391ff16 100644
--- a/public/react/src/modules/page/main/CodeEvaluateView.css
+++ b/public/react/src/modules/page/main/CodeEvaluateView.css
@@ -134,4 +134,8 @@
 }
 .-task-ces-info .inputTitle .input{
     white-space: pre-wrap;
+}
+
+.paddingbottom60tpm{
+    padding-bottom: 60px;
 }
\ No newline at end of file
diff --git a/public/react/src/modules/page/main/CodeEvaluateView.js b/public/react/src/modules/page/main/CodeEvaluateView.js
index 346b8797e..fef5bd83e 100644
--- a/public/react/src/modules/page/main/CodeEvaluateView.js
+++ b/public/react/src/modules/page/main/CodeEvaluateView.js
@@ -1,11 +1,10 @@
 import '../VNC.css';
 import React, { Component } from 'react';
 
-import IconButton from 'material-ui/IconButton';
 import Tooltip from 'material-ui/Tooltip';
-import Button from 'material-ui/Button';
+ 
 import { connect } from 'react-redux';
-import './CodeEvaluateView.css'
+import './CodeEvaluateView.css';
 import { CircularProgress } from 'material-ui/Progress';
 import { on, off } from 'educoder'
 import actions from '../../../redux/actions';
@@ -386,7 +385,7 @@ class CodeEvaluateView extends Component {
 						</div>
 						<div id="blacktab_con_2" className=" " style={ tabIndex === 1 ? {display: 'block'} : {display: 'none'}  }>
 							<div className="fit -scroll">
-								<div className="-layout-v -fit">
+								<div className="-layout-v -fit paddingbottom60tpm">
 									<div className="-flex -scroll task-padding16 loading-center undis" id="evaluating_ajax_loading"></div>
 									<div className="-flex -scroll task-padding16" id="evaluating_contents">
 										{/*