diff --git a/src/App/App.css b/src/App/App.css
index 4946c95baf8d8511f562daa60ad5b8b5d920ffcc..a35fe71882cb1be7cccb4a81fa79b04b4af0c52f 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -3,7 +3,7 @@
 /* * * * * * * */
 :root {
   /* our colours*/ 
-  --text-primary: #850F78; 
+  --text-primary: # ; 
   --mediumpurple: #bc15aa; 
   /*--purple: #B85BD1; */
   --accen-secondary: #F57D22; 
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index d01fc391b0768ac5e50ba09a228a79c47f8544bc..1a0f86f5c6a32bb2ca35b002c07e90d57f4a9fd5 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -80,8 +80,8 @@ function Sidebar(){
                     {content}
             </nav>   
             <br/>
-            <div className="col" style={{display: "flex", alignItems: "right    "}}>
-                <a href={'#' + nums[0]} className="backtotop">
+            <div className="col" style={{display: "flex", alignItems: "right"}}>
+                <a href='#' className="backtotop">
                     Back to Top &#8593;
                 </a>
             </div>   
diff --git a/src/sidebars/descS.tsx b/src/sidebars/descS.tsx
index b3eb5db29ac1d8d6b3090b2deeed24f320b5060a..6b6db098bfa056fadeb24f1937d49297148bbf7a 100644
--- a/src/sidebars/descS.tsx
+++ b/src/sidebars/descS.tsx
@@ -3,6 +3,7 @@ import Sidebar from "../components/Sidebar";
 export function DescSidebar(){
     return(
         <div className="col-2 d-none d-lg-block">
+            <br/>
             <div className="sticky-top">
                 <Sidebar nums={["Abstract", "Cystic Fibrosis", "Our motivation", 
                 "Approach", "Delivery", "Our vision", "References"]}></Sidebar>