diff --git a/lib/main.dart b/lib/main.dart
index 364dfca..49ba929 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -4,6 +4,7 @@
 // To run code on the client, use the @client annotation.
 
 // Server-specific jaspr import.
+import 'package:devfolio/constants/theme.dart';
 import 'package:jaspr/server.dart';
 
 // Imports the [App] component.
@@ -24,6 +25,7 @@ void main() {
   // with the provided parameters and components.
   runApp(Document(
     title: 'Hamza',
+    base: '/devfolio-jaspr/',
     head: <Component>[
       link(
         href:
@@ -47,6 +49,13 @@ void main() {
         family: 'Agustina',
         url: '/fonts/agustina/agustina.otf',
       ),
+      css('::-webkit-scrollbar').box(width: 8.px, height: 0.px),
+      css('::-webkit-scrollbar-track').box(
+        radius: BorderRadius.circular(8.px),
+      ),
+      css('::-webkit-scrollbar-thumb')
+          .box(radius: BorderRadius.circular(8.px))
+          .background(color: themePrimaryColor),
     ],
     body: App(),
   ));
diff --git a/lib/sections/about_me.dart b/lib/sections/about_me.dart
index 1779ef7..f1081af 100644
--- a/lib/sections/about_me.dart
+++ b/lib/sections/about_me.dart
@@ -50,7 +50,7 @@ class AboutMeSection extends StatelessComponent {
       span(classes: 'subtitle', [
         text('Get to know me :)'),
       ]),
-      div(classes: 'section-body', [
+      div(classes: 'about-section-body', [
         div(classes: 'profile-picture', []),
         div(classes: 'about-details', [
           span(
@@ -159,7 +159,7 @@ class AboutMeSection extends StatelessComponent {
           justifyContent: JustifyContent.start,
         )
         .box(
-          padding: EdgeInsets.only(top: 5.vh),
+          // padding: EdgeInsets.only(top: 5.vh),
           width: 100.percent,
         ),
     css('.play-icon').text(color: themePrimaryColor),
@@ -168,15 +168,15 @@ class AboutMeSection extends StatelessComponent {
       fontWeight: FontWeight.w100,
       fontSize: 40.px,
     ),
-    css('.section-body')
+    css('.about-section-body')
         .flexbox(
           direction: FlexDirection.row,
-          // alignItems: AlignItems.center,
-          // justifyContent: JustifyContent.center,
+          alignItems: AlignItems.center,
+          justifyContent: JustifyContent.center,
         )
         .box(
           margin: EdgeInsets.only(top: 50.px),
-          // width: 100.percent,
+          width: 100.percent,
         ),
     css('.profile-picture')
         .background(
@@ -271,7 +271,7 @@ class AboutMeSection extends StatelessComponent {
       css('.about-me-section').box(
         padding: EdgeInsets.only(top: 3.vh, right: 0.vw),
       ),
-      css('.section-body').flexbox(
+      css('.about-section-body').flexbox(
         direction: FlexDirection.column,
         alignItems: AlignItems.center,
         justifyContent: JustifyContent.start,