diff --git a/src/App.css b/src/App.css
index 8022347..adc275f 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,6 +1,6 @@
     .App {
         text-align: center;
-        background-color: #282c34;
+        background-color: black;
         position: absolute;
         top: 0px;
         right: 0px;
@@ -22,7 +22,7 @@
     }
     
     .App-header {
-        background-color: #282c34;
+        background-color: black;
         min-height: 100vh;
         display: flex;
         flex-direction: column;
diff --git a/src/components/Experience.js b/src/components/Experience.js
index 69dcda6..f0f7e7a 100644
--- a/src/components/Experience.js
+++ b/src/components/Experience.js
@@ -5,7 +5,7 @@ import "./experience.css";
 import ExperienceCard from "./experienceCard";
 import experienceData from "./experience.json"
 import InnovaccerLogo from "../media/innovaccerLogo.png";
-import Medsupervision from "../media/Medsupervision.png"
+import Medsupervision from "../media/logo.png"
 
 const logos = {Innovaccer:InnovaccerLogo,Medsupervision:Medsupervision}
 
diff --git a/src/components/experience.css b/src/components/experience.css
index 72af1f5..9aabbdb 100644
--- a/src/components/experience.css
+++ b/src/components/experience.css
@@ -9,8 +9,11 @@
 
 .Company-Image {
     width: 65%;
-    border: 3px solid hotpink;
+    border: 3px solid #B5EAD7;
     border-radius: 10px;
+    margin-bottom: 10%;
+    margin-top: 10%;
+    padding: 20px;
 }
 
 .Company {
@@ -38,6 +41,8 @@ li {
     width: 90%;
     border: 2px solid white;
     border-radius: 15px;
+    margin-left: auto;
+    margin-right: auto;
 }
 
 .JobTitle {
diff --git a/src/components/experienceCard.js b/src/components/experienceCard.js
index c1ed6cf..d7caf6b 100644
--- a/src/components/experienceCard.js
+++ b/src/components/experienceCard.js
@@ -9,13 +9,13 @@ class ExperienceCard extends Component {
         <div className="experience-detail" style={{marginTop:"30px", marginBottom:"30px"}}>
             <Row>
                 <Col xs={12} md={5} className="Company1">
-                    <h3 className="Company">{this.props.company}</h3>
                     <img src={this.props.photo} className="Company-Image"/>
+                    {/* <h3 className="Company">{this.props.company}</h3> */}
+                    <h4>({this.props.term})</h4>
                 </Col>
                 <Col xs={12} md={7} >
                     <div className="experience-details">
                     <h3 className="JobTitle">{this.props.title}</h3>
-                    <h4>({this.props.term})</h4>
                     <hr/>
                     <div>
                         <ul>
diff --git a/src/media/Medsupervision.png b/src/media/Medsupervision.png
deleted file mode 100644
index 9727537..0000000
Binary files a/src/media/Medsupervision.png and /dev/null differ
diff --git a/src/media/logo.png b/src/media/logo.png
new file mode 100644
index 0000000..a4dfff6
Binary files /dev/null and b/src/media/logo.png differ