diff --git a/src/app/components/board/board.component.html b/src/app/components/board/board.component.html
index 6d5b01c5..33053403 100755
--- a/src/app/components/board/board.component.html
+++ b/src/app/components/board/board.component.html
@@ -49,7 +49,7 @@
             <img src="../../../assets/paperType/ruled.png" alt="ruled">
           </div>
           <div class="box" (click)="addClearBackground()">
-            
+
           </div>
           <div class="box" (click)="addMathPaper()">
             <img class="img-scale" src="../../../assets/paperType/mathYellow.svg" alt="math">
@@ -215,13 +215,14 @@
       <!-- Buttons -->
       <li class="finalBtn">
         <div class="btx">
-          <button class="btn btn-success" (click)="downloadAsJSON()">Save</button>
-          <button class="btn btn-danger">Exit</button>
+          <button class="btn btn-success btn-save" (click)="downloadAsJSON()">Save</button>
+          <button class="btn btn-danger btn-exit">Exit</button>
         </div>
       </li>
     </ul>
   </div>
 
+  <!-- main container for background -->
   <div class="main">
     <canvas #backgroundImage id="backgroundImage"></canvas>
     <canvas #myCanvas id="my_canvas" class="canvasElement"></canvas>
diff --git a/src/app/components/board/board.component.scss b/src/app/components/board/board.component.scss
index 8c82b47c..d24cd78e 100755
--- a/src/app/components/board/board.component.scss
+++ b/src/app/components/board/board.component.scss
@@ -4,7 +4,7 @@
 
 
   .sidebar{
-    position: fixed;
+    position: relative;
     width: 200px;
     height:100%;
     // background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
@@ -31,8 +31,9 @@
   }
 
   .finalBtn{
-    position: absolute;
+    position: relative;
     bottom: 0px;
+    margin-top: 1rem;
 
     .btx{
       display: grid;
@@ -44,6 +45,23 @@
     }
   }
 
+  .btn-save {
+    box-shadow: 0 6px darken(	#008000, 10%);
+  }
+  .btn-save:hover {
+    position: relative;
+    box-shadow: 0 4px darken(#008000, 10%);
+    top: 2px;
+  }
+  .btn-exit{
+    box-shadow: 0 6px darken(	#DC143C, 10%);
+  }
+  .btn-exit:hover {
+    position: relative;
+    box-shadow: 0 4px darken(#DC143C, 10%);
+    top: 2px;
+  }
+
   .page-buttons{
     display:flexbox;
     .btn-svg{
@@ -171,7 +189,8 @@
 }
 
 .main{
-  margin-left: 200px;
+  margin-left: 0px;
+  height: 100%;
 }
 
 .heading{
@@ -188,10 +207,10 @@
 }
 
 #backgroundImage{
-  position: absolute;
+  position: fixed;
 }
 #my_canvas{
-  position:absolute;
+  position: fixed;
 }
 
 
@@ -204,4 +223,4 @@
 
 .board-logo {
   margin-bottom: 12px;
-}
\ No newline at end of file
+}