diff --git a/raspberry-backend/templates/index_v3.html b/raspberry-backend/templates/index_v3.html
index f947b78e0a5f08bda5ffe6950b3c1faf3af9e7f4..a21cf0c87f563556885ffdd80c9d03ff4ad2f898 100644
--- a/raspberry-backend/templates/index_v3.html
+++ b/raspberry-backend/templates/index_v3.html
@@ -13,7 +13,8 @@
     </head>
     <body class="sb-nav-fixed">
       <nav class="sb-topnav navbar navbar-expand navbar-dark bg-dark">
-            <a class="navbar-brand" href="index.html">High Energy Ventilator</a><!--<button class="btn btn-link btn-sm order-1 order-lg-0" id="sidebarToggle" href="#"><i class="fas fa-bars"></i></button> !-->
+            <a class="navbar-brand" href="">		  	    	<img src="{{ url_for('static', filename='img/cern-hev-logo.png') }}" id="logo">
+</a><!--<button class="btn btn-link btn-sm order-1 order-lg-0" id="sidebarToggle" href="#"><i class="fas fa-bars"></i></button> !-->
 
 	    <!--
             <form class="d-none d-md-inline-block form-inline ml-auto mr-0 mr-md-3 my-2 my-md-0">
@@ -37,21 +38,19 @@
         <div id="layoutSidenav">
           <div id="layoutSidenav_nav">
                 <nav class="sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
-		  	    	<img src="{{ url_for('static', filename='img/cern-hev-logo.png') }}" style="width:160px">
-
                     <div class="sb-sidenav-menu">
                       <div class="nav">
-			<a> <div class = "sb-nav-link-icon"><img src="../static/img/fan-solid.svg" style="width:60px;height:60px;"></img> Main </div></a>
-			<a> <div class = "sb-nav-link-icon"><img src="../static/img/chart-area-solid.svg" style="width:60px;height:60px;"></img> Info </div></a>
-			<a> <div class = "sb-nav-link-icon"><img src="../static/img/sliders-h-solid.svg" style="width:60px;height:60px;"></img> Modes </div></a>
+			<a> <div class = "sb-nav-link-icon"><img src="../static/img/fan-solid.svg" style="width:100px;height:100px;"></img></div></a>
+			<a> <div class = "sb-nav-link-icon"><img src="../static/img/chart-area-solid.svg" style="width:100px;height:100px;"></img></div></a>
+			<a> <div class = "sb-nav-link-icon"><img src="../static/img/sliders-h-solid.svg" style="width:100px;height:100px;"></img></div></a>
                 </nav>
 		</div>
 
 
 
-            <div id="layoutSidenav_content">
+            <div id="layoutSidenav_content" class="br-red mx-0 my-0 mr-0">
                 <main>
-                  <div class="container-fluid">
+                  <div class="container-fluid br-red">
                     <!--<h1 class="mt-4">Info</h1> !-->
 		    <div class = "row">
 		      <div class = "col-md-7 py-0">
@@ -83,7 +82,7 @@
 		      <div class = "col-md-5 py-0 px-0  mr-0">
 			
                         <div class="row">
-			  <div class="col-xl-5b px-0 py-0">
+			  <div class="col-xl-5b px-1 py-0">
 			    <div class="card bg-primary text-white">
                               <div class="card-header d-flex align-items-center justify-content-between">
                                 <a class="small text-white stretched-link" href="#">Temperature</a>
@@ -91,7 +90,7 @@
                               <div class="card-body"><span class = "reading" id="temperature"></span> &#8451;</div>
                             </div>
                           </div>
-                          <div class="col-xl-5b px-0 py-0">
+                          <div class="col-xl-5b px-1 py-0">
                             <div class="card bg-primary text-white mb-4">
                               <div class="card-header d-flex align-items-center justify-content-between">
 				<a class="small text-white stretched-link" href="#">Pressure</a>
@@ -102,7 +101,7 @@
 			</div>
 
                         <div class="row">
-			  <div class="col-xl-5b col-md-8 px-0 py-0">
+			  <div class="col-xl-5b col-md-8 px-1 py-0">
 			    <div class="card bg-primary text-white mb-4">
                               <div class="card-header d-flex align-items-center justify-content-between">
                                 <a class="small text-white stretched-link" href="#">Temperature</a>
@@ -110,7 +109,7 @@
                               <div class="card-body"><span class = "reading" id = "temperature2"></span> &#8451;</div>
                             </div>
                           </div>
-                          <div class="col-xl-5b px-0 py-0 col-md-8">
+                          <div class="col-xl-5b px-1 py-0 col-md-8">
                             <div class="card bg-primary text-white mb-4">
                               <div class="card-header d-flex align-items-center justify-content-between">
 				<a class="small text-white stretched-link" href="#">Pressure</a>
@@ -121,7 +120,7 @@
 			</div>
 
                         <div class="row">
-			  <div class="col-xl-5b col-md-8 px-0 py-0">
+			  <div class="col-xl-5b col-md-8 px-1 py-0">
 			    <div class="card bg-primary text-white mb-4">
                               <div class="card-header d-flex align-items-center justify-content-between">
                                 <a class="small text-white stretched-link" href="#">Reading 5</a>
@@ -129,7 +128,7 @@
                               <div class="card-body"><span class = "reading" id = "temperature3">00</span> &#8451;</div>
                             </div>
                           </div>
-                          <div class="col-xl-5b px-0 py-0 col-md-8">
+                          <div class="col-xl-5b px-1 py-0 col-md-8">
                             <div class="card bg-primary text-white mb-4">
                               <div class="card-header d-flex align-items-center justify-content-between">
 				<a class="small text-white stretched-link" href="#">Reading 6</a>