diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 8382d266..26e21e23 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -148,15 +148,16 @@ export default function Sidebar(props: sidebarProps): JSX.Element {
       <div className="dropdown-header">
         <a href={PageURLs.POINTER_MOTIVATION}>Why Pointers?</a>
       </div>
-      <Dropdown title="Lessons" list={lessonList} />
-      <Dropdown title="Exercises" list={exerciseList} />
       {/* TODO: delete Demo and Error links before production! */}
       <div className="dropdown-header">
         <a href={PageURLs.DEMO}>Demo</a>
       </div>
-      <div className="dropdown-header">
+      <Dropdown title="Lessons" list={lessonList} />
+      <Dropdown title="Exercises" list={exerciseList} />
+      {/* TODO: delete Demo and Error links before production! */}
+      {/* <div className="dropdown-header">
         <a href="/error">Error</a>
-      </div>
+      </div> */}
     </div>
   );
 }
diff --git a/src/styles/Sidebar.scss b/src/styles/Sidebar.scss
index 7534d63c..849eccc1 100644
--- a/src/styles/Sidebar.scss
+++ b/src/styles/Sidebar.scss
@@ -35,9 +35,10 @@ $sidebar-width: 357px;
 }
 
 .dropdown-header {
+  align-items: center;
   color: $text-color;
   cursor: pointer;
-  display: block;
+  display: flex;
   font-family: $play;
   font-size: 24px;
   height: 47px;