diff --git a/app/about/page.tsx b/app/about/page.tsx
index dcc2ddb..eae1242 100644
--- a/app/about/page.tsx
+++ b/app/about/page.tsx
@@ -15,15 +15,15 @@ export default function About() {
         The world's knowledge at your fingertips
       </p>
 
-      <div className="w-full max-w-xs pt-12 md:max-w-md md:pt-10 lg:max-w-xl">
-        <h2 className="text-2xl">About</h2>
-        <p className="mt-4 text-lg">
-          <span className="text-gradient">complexity</span> is a search engine
-          that uses AI to answer questions. It is built on top of the Cohere AI
-          platform and is designed to provide a fast and efficient way to find
-          answers to your questions.
+      <div className="w-full max-w-xs pt-8 md:max-w-md md:pt-10 lg:max-w-xl">
+        <h2 className="text-2xl font-bold">About</h2>
+        <p className="mt-4 text-lg font-light">
+          <span className="text-gradient font-medium">complexity</span> is a
+          search engine that uses AI to answer questions. It is built on top of
+          the Cohere AI platform and is designed to provide a fast and efficient
+          way to find answers to your questions.
         </p>
-        <h3 className="mt-4 text-xl">Created by</h3>
+        <h3 className="mt-6 text-xl font-medium">Created by</h3>
         <ul className="mt-4 list-inside list-disc marker:text-gray-400">
           <li className="mt-2">
             <a
diff --git a/app/layout.tsx b/app/layout.tsx
index ba2b3ec..5cf1adb 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -50,7 +50,7 @@ export default function RootLayout({
             <ComplexityProvider>
               <body className={ibm.className}>
                 <Suspense fallback={<div></div>}>
-                  <div className="flex h-svh">
+                  <div className="flex h-[calc(100vh-8px)]">
                     <Sidebar />
 
                     {children}
diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index a2a5db6..428ca31 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -66,7 +66,7 @@ export const Sidebar = () => {
       <aside
         ref={node}
         className={cn(
-          "absolute z-10 flex h-screen w-64 flex-shrink-0 flex-grow-0 flex-col bg-[#202222] p-6 px-3 text-primary transition-all md:static",
+          "absolute z-10 flex h-screen w-64 flex-shrink-0 flex-grow-0 flex-col bg-[#202222] p-6 px-3 pb-2 text-primary transition-all md:static",
           isOpen ? "translate-x-0" : "-translate-x-full",
           "md:translate-x-0",
         )}
