diff --git a/src/components/About.js b/src/components/About.js
index 87828ae..2e4f37c 100644
--- a/src/components/About.js
+++ b/src/components/About.js
@@ -2,35 +2,44 @@ import React, { Component } from "react";
 import "bootstrap/dist/css/bootstrap.css";
 import { Grid, Row, Col } from "react-bootstrap";
 import "./about.css";
-import AmanTahilianiPortfolio from '../media/AmanTahilianiPortfolio.png'
+import AmanTahilianiPortfolio from "../media/AmanTahilianiPortfolio.png";
 
 // const img = '../media/AmanTahilianiPortfolio.png'
 
 class About extends Component {
   render() {
     return (
-    <div className="AboutComponent">
+      <div className="AboutComponent">
         <Row>
-            <Col>
-                <img src={AmanTahilianiPortfolio} className="NameImage"/>
-            </Col>
-            <Col className="InfoColumn">
-                <Row>
-                    <h2>Hi There!</h2>
-                </Row>
-                <Row>
-                    <h3>Let me tell you a little about myself</h3>
-                </Row>
-                <Row className="Info">
-                    <ul>
-                        <li>I am a final Year BTech CSE student at Jaypee Institute of Information Technology in Noida, India.</li>
-                        <li>Currently working as an SDE Intern (Backend) at <a href="https://innovaccer.com/">Innovaccer</a> as part of the DAP (Data Activation Platform).</li>
-                        <li>I enjoy designing and creating the backend logic for projects and am also proficient in frontend development.</li>
-                    </ul>
-                </Row>
-            </Col>
-            
-        </Row>
+          <Col>
+            <img src={AmanTahilianiPortfolio} className="NameImage" />
+          </Col>{" "}
+          <Col className="InfoColumn">
+            <Row>
+              <h2 style={{ marginTop: "10px" }}> Hi There! </h2>{" "}
+            </Row>{" "}
+            <Row>
+              <h3> Let me tell you a little about myself </h3>{" "}
+            </Row>{" "}
+            <Row className="Info">
+              <ul>
+                <li>
+                  I am a final Year BTech CSE student at Jaypee Institute of
+                  Information Technology in Noida, India.{" "}
+                </li>{" "}
+                <li>
+                  Currently working as an SDE Intern(Backend) at{" "}
+                  <a href="https://innovaccer.com/"> Innovaccer </a> as part of
+                  the DAP(Data Activation Platform).{" "}
+                </li>{" "}
+                <li>
+                  I enjoy designing and creating the backend logic for projects
+                  and am also proficient in frontend development.{" "}
+                </li>{" "}
+              </ul>{" "}
+            </Row>{" "}
+          </Col>{" "}
+        </Row>{" "}
       </div>
     );
   }
diff --git a/src/components/Publication.js b/src/components/Publication.js
index 6c29b51..518102f 100644
--- a/src/components/Publication.js
+++ b/src/components/Publication.js
@@ -8,26 +8,18 @@ class Publication extends Component {
     return (
       <div className="publication-detail">
           <h3>{this.props.title}</h3>
-            <table>
-                <tbody>
-                    <tr>
-                        <td>Authors</td>
-                        <td>{this.props.authors}</td>
-                    </tr>
-                    <tr>
-                        <td>Publish Date</td>
-                        <td>{this.props.publish_date}</td>
-                    </tr>
-                    <tr>
-                        <td>Abstract</td>
-                        <td>{this.props.abstract}</td>
-                    </tr>
-                    <tr>
-                        <td>Link</td>
-                        <td><a href={this.props.link}>{this.props.link}</a></td>
-                    </tr>
-                </tbody>
-            </table>
+        <Row>
+        <Col>Authors: {this.props.authors}</Col>
+        </Row>
+        <Row>
+        <div>Publish Date: {this.props.publish_date}</div>
+        </Row>
+        <div>Link: <a href={this.props.link}>{this.props.link}</a></div>
+        <br/>
+        <div style={{fontWeight:"bolder"}}>Abstract:</div>
+        <div>{this.props.abstract}</div>
+
+
         </div>
     );
   }
diff --git a/src/components/publication.css b/src/components/publication.css
index 5a8fb9c..cf68c2a 100644
--- a/src/components/publication.css
+++ b/src/components/publication.css
@@ -22,11 +22,13 @@ tr:hover {
     padding: 30px;
     margin: 40px;
     border: 1px solid white;
-    height: auto;
-    border-radius: 5em;
+    border-radius: 2em;
     white-space: normal;
     overflow: auto;
     text-overflow: ellipsis;
+    text-align: justify;
+    padding-left: 5%;
+    padding-right: 5%;
 }
 
 .publication-detail h3 {