diff --git a/src/components/navigation/navigation.vue b/src/components/navigation/navigation.vue
index bf84ba9..b327efa 100644
--- a/src/components/navigation/navigation.vue
+++ b/src/components/navigation/navigation.vue
@@ -11,7 +11,7 @@
                               :key="course.name">{{course.name}}</el-menu-item>
             </el-submenu>
 
-            <el-menu-item style="float: right !important;">
+            <el-menu-item style="float: right !important;" onclick="signOut()">
                 <el-button id="sign-out-button" type="text">Sign Out</el-button>
             </el-menu-item>
         </el-menu>
diff --git a/src/pages/overall/overall.ts b/src/pages/overall/overall.ts
index 877125d..2e956d0 100644
--- a/src/pages/overall/overall.ts
+++ b/src/pages/overall/overall.ts
@@ -110,6 +110,9 @@ export default class Overall extends Vue
         }
     }
 
+    /**
+     * This function is called to get gpa as a string.
+     */
     public getGPA()
     {
         let gpa = GPAUtils.getGPA(this.courses);
@@ -123,4 +126,11 @@ export default class Overall extends Vue
 
         return result;
     }
+
+    /**
+     * This function is called when the sign out button is clicked.
+     */
+    public signOut()
+    {
+    }
 }