diff --git a/new-website/index.html b/new-website/index.html
index 007638a8..167b6735 100644
--- a/new-website/index.html
+++ b/new-website/index.html
@@ -216,7 +216,10 @@ <h1 class="mb-20 text-xl font-bold text-center sm:text-2xl md:text-6xl lg:text-8
        <!-- <a href="#about"> -->
         <div id="center"  href="#about" >
             <div class="about-section" id="about">
-                <h2><img src="/img3.png" id="imgl">  About</h2>
+                <div class="about-container">
+                    <i class="fas fa-link link-icon"></i>
+                    <h1 class="title dark:text-white" id="about">About</h1>
+                </div>
                 <p>
                     <strong>ResourceHub</strong> is an open-source project I created on September 14, 2023, with the goal of compiling helpful resources for web development initially. My aim was to provide developers with valuable resources they could use to enhance their workflow or in their journey as a developer.
                 </p>
diff --git a/new-website/style.css b/new-website/style.css
index 9cee8794..e334faac 100644
--- a/new-website/style.css
+++ b/new-website/style.css
@@ -1167,6 +1167,28 @@ body{
 
 /* Add these styles to the end of your existing style.css file */
 
+.about-section {
+  background-color: white;
+  padding: 40px;
+  width: 90%;
+  max-width: 1000px;
+  border: none !important;
+  box-shadow: none !important;
+}
+
+.about-container {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.about-section p {
+  font-size: 1em !important;
+  line-height: 1.5 !important;
+  margin-bottom: 20px;
+  color: #333;
+}
+
 .container {
   display: flex;
   justify-content: space-between;