diff --git a/Origami/src/components/deployment/UsePrebuiltProject/registerPage.js b/Origami/src/components/deployment/UsePrebuiltProject/registerPage.js
index bd77c8ea..eca95f54 100644
--- a/Origami/src/components/deployment/UsePrebuiltProject/registerPage.js
+++ b/Origami/src/components/deployment/UsePrebuiltProject/registerPage.js
@@ -294,20 +294,20 @@ class RegisterPage extends React.Component {
                   <div className="ui grid container">
                     <div className="column aligned" style={styles.parentBox}>
                       <div style={styles.box}>
-                        <a style={{ marginLeft: '40%', fontSize: '18px' }}>
+                        <span style={{ marginLeft: '40%', fontSize: '18px' }}>
                           <span>
                             <a style={styles.logo}>
                               <img src={require('../../assets/details.png')} />
                             </a>
                           </span>{' '}
                           Demo Details
-                        </a>
+                        </span>
                         <hr
                           style={{ borderTop: 'dotted 1px', color: '#aaaaaa' }}
                         />
-                        <div class="ui grid">
-                          <div class="two wide column" />
-                          <div class="four wide column">
+                        <div className="ui grid">
+                          <div className="two wide column" />
+                          <div className="four wide column">
                             <TextField
                               hintText="MyApp"
                               floatingLabelText="Appname"
@@ -316,8 +316,8 @@ class RegisterPage extends React.Component {
                               onChange={this.updateName}
                             />
                           </div>
-                          <div class="three wide column" />
-                          <div class="four wide column">
+                          <div className="three wide column" />
+                          <div className="four wide column">
                             <TextField
                               hintText="Description"
                               floatingLabelText="Description"
@@ -332,20 +332,20 @@ class RegisterPage extends React.Component {
                       <br />
 
                       <div style={styles.box}>
-                        <a style={{ marginLeft: '40%', fontSize: '18px' }}>
+                        <span style={{ marginLeft: '40%', fontSize: '18px' }}>
                           <span>
-                            <a style={styles.logo}>
+                            <span style={styles.logo}>
                               <img src={require('../../assets/task.png')} />
-                            </a>
+                            </span>
                           </span>Choose your Task
-                        </a>
+                        </span>
                         <hr
                           style={{ borderTop: 'dotted 1px', color: '#aaaaaa' }}
                         />
                         <br />
 
                         <div className="ui grid">
-                          <div class="two wide column" />
+                          <div className="two wide column" />
 
                           <div className=" three wide column">
                             <Cards header={'VQA'} count={1} />
@@ -367,13 +367,13 @@ class RegisterPage extends React.Component {
                       <br />
 
                       <div style={styles.box}>
-                        <a style={{ marginLeft: '35%', fontSize: '18px' }}>
+                        <span style={{ marginLeft: '35%', fontSize: '18px' }}>
                           <span>
-                            <a style={styles.logo}>
+                            <span style={styles.logo}>
                               <img src={require('../../assets/tools.png')} />
-                            </a>
+                            </span>
                           </span>Select System Configuration
-                        </a>
+                        </span>
                         <hr
                           style={{ borderTop: 'dotted 1px', color: '#aaaaaa' }}
                         />
@@ -382,7 +382,7 @@ class RegisterPage extends React.Component {
                         <div className="ui grid">
                           <div className="three wide column" />
                           <div className="one wide column">
-                            <text style={styles.tagOs}>OS </text>
+                            <span style={styles.tagOs}>OS </span>
                           </div>
                           <div className="one wide column" />
                           <div className="four wide column">
@@ -396,7 +396,7 @@ class RegisterPage extends React.Component {
                                   : styles.btn
                               }
                             >
-                              <text style={styles.txt}>Ubuntu 14.04</text>
+                              <span style={styles.txt}>Ubuntu 14.04</span>
                             </Button>
                           </div>
                           <div className="four wide column">
@@ -410,7 +410,7 @@ class RegisterPage extends React.Component {
                                   : styles.btn
                               }
                             >
-                              <text style={styles.txt}>Ubuntu 16.04</text>
+                              <span style={styles.txt}>Ubuntu 16.04</span>
                             </Button>
                           </div>
                         </div>
@@ -433,7 +433,7 @@ class RegisterPage extends React.Component {
                                   : styles.btn
                               }
                             >
-                              <text style={styles.txt}>2.7</text>
+                              <span style={styles.txt}>2.7</span>
                             </Button>
                           </div>
                           <div className="four wide column">
@@ -448,7 +448,7 @@ class RegisterPage extends React.Component {
                                   : styles.btn
                               }
                             >
-                              <text style={styles.txt}>3.5</text>
+                              <span style={styles.txt}>3.5</span>
                             </Button>
                           </div>
                         </div>
@@ -471,7 +471,7 @@ class RegisterPage extends React.Component {
                                   : styles.btn
                               }
                             >
-                              <text style={styles.txt}>7.0 - runtime</text>
+                              <span style={styles.txt}>7.0 - runtime</span>
                             </Button>
                           </div>
                           <div className="four wide column">
@@ -486,7 +486,7 @@ class RegisterPage extends React.Component {
                                   : styles.btn
                               }
                             >
-                              <text style={styles.txt}>8.0 - runtime</text>
+                              <span style={styles.txt}>8.0 - runtime</span>
                             </Button>
                           </div>
                         </div>
@@ -497,14 +497,14 @@ class RegisterPage extends React.Component {
                       <br />
 
                       <div style={styles.box}>
-                        <a style={{ marginLeft: '35%', fontSize: '18px' }}>
+                        <span style={{ marginLeft: '35%', fontSize: '18px' }}>
                           <span>
-                            <a style={styles.logo}>
+                            <span style={styles.logo}>
                               <img src={require('../../assets/settings.png')} />
-                            </a>
+                            </span>
                           </span>{' '}
                           Optional configurations{' '}
-                        </a>
+                        </span>
                         <hr
                           style={{ borderTop: 'dotted 1px', color: '#aaaaaa' }}
                         />
@@ -572,7 +572,7 @@ class RegisterPage extends React.Component {
                               </div>
                               <br />
                               <div className="row">
-                                <div class="four wide column">
+                                <div className="four wide column">
                                   <span>
                                     <a style={styles.logo}>
                                       <img
@@ -608,7 +608,7 @@ class RegisterPage extends React.Component {
                                 : styles.sub
                             }
                           >
-                            <text style={styles.txt}>Reset</text>
+                            <span style={styles.txt}>Reset</span>
                           </Button>
                         </div>
 
@@ -625,7 +625,7 @@ class RegisterPage extends React.Component {
                                 : styles.sub
                             }
                           >
-                            <text style={styles.txt}>Submit</text>
+                            <span style={styles.txt}>Submit</span>
                           </Button>
                         </div>
                       </div>
diff --git a/Origami/src/components/stateless/task_cards.js b/Origami/src/components/stateless/task_cards.js
index 35992fa1..b0bc4443 100644
--- a/Origami/src/components/stateless/task_cards.js
+++ b/Origami/src/components/stateless/task_cards.js
@@ -4,20 +4,20 @@ import img from '../assets/wireframe.png';
 
 const Cards = ({ header, choice }) => {
   return (
-    <div class="ui special cards">
-      <div class="card">
-        <div class="blurring dimmable image">
-          <div class="ui dimmer">
-            <div class="content">
-              <div class="center">
-                <div class="ui inverted button">Know More</div>
+    <div className="ui special cards">
+      <div className="card">
+        <div className="blurring dimmable image">
+          <div className="ui dimmer">
+            <div className="content">
+              <div className="center">
+                <div className="ui inverted button">Know More</div>
               </div>
             </div>
           </div>
           <img src={img} />
         </div>
-        <div class="content">
-          <a class="header">{header}</a>
+        <div className="content">
+          <a className="header">{header}</a>
         </div>
       </div>
     </div>
diff --git a/Origami/src/components/user/user_github_profile.js b/Origami/src/components/user/user_github_profile.js
index 5fa5d18e..aa661bd0 100644
--- a/Origami/src/components/user/user_github_profile.js
+++ b/Origami/src/components/user/user_github_profile.js
@@ -75,7 +75,7 @@ class Profile extends Component {
         <div className="profile-sidebar">
           <div>
             <div className="profile-userpic">
-              <img src={this.state.avatar} class="img-responsive" alt="" />
+              <img src={this.state.avatar} className="img-responsive" alt="" />
             </div>
             <div className="profile-usertitle">
               <div className="profile-usertitle-name">{this.state.name}</div>
@@ -107,7 +107,7 @@ class Profile extends Component {
                 </li>
                 <li>
                   <a href={this.state.github}>
-                    <i class="fab fa-github" />
+                    <i className="fab fa-github" />
                     Github Profile{' '}
                   </a>
                 </li>