diff --git a/frontend/index.html b/frontend/index.html
index de7f03f..1454b93 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -26,14 +26,20 @@
     </div>
     <div id="mainPage" style="display: none;">
       <div id="content">
-        <div id="tasks" class="screen" style="">a</div>
-        <div id="history" class="screen" style="display: none;">b</div>
-        <div id="addTask" class="screen" style="display: none;">c</div>
+        <div id="tasks" class="screen" style="">Tasks</div>
+        <div id="history" class="screen" style="display: none;">History</div>
+        <div id="addTask" class="screen" style="display: none;">Add Task</div>
       </div>
-      <div id="menu" class="flex three">
-        <button class="third" onclick="switchScreen('task')" id="taskButton">Tasks</button>
-        <button class="third" onclick="switchScreen('history')" id="historyButton">History</button>
-        <button class="third" onclick="switchScreen('add')" id="addButton">Add Task</button>
+      <div id="menu" class="flex three demo">
+        <div class="third" id="taskButton">
+          <span class="button" onclick="switchScreen('task')">Tasks</span>
+        </div>
+        <div class="third" id="historyButton">
+          <span class="button" onclick="switchScreen('history')">History</span>
+        </div>
+        <div class="third" id="addButton">
+          <span class="button" onclick="switchScreen('add')" >Add Task</span>
+        </div>
       </div>
     </div>
   </body>