diff --git a/src/App.vue b/src/App.vue
index 4ac04cbcf304afb5e7e35e1fd513c65e11763773..bd2caebb74d9bb11531b80b2813fb87246000c71 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,8 @@
 <script setup>
 import { RouterLink, RouterView } from 'vue-router'
 import Navbar from "@/components/Navbar.vue";
+
+
 </script>
 
 <template>
diff --git a/src/assets/main.css b/src/assets/main.css
index 3c0a06b26763dc5a9effbed2afbccab2d9ed0951..2d624bc8d97520029335b1976f166e1a46c461b1 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -29,7 +29,6 @@ a,
 
   #app {
     display: grid;
-    grid-template-columns: 1fr 1fr;
     padding: 0 2rem;
   }
 }
diff --git a/src/style.scss b/src/style.scss
index 438fccd78f13664e5980f646df8a9ee3fa3d6768..df31d235654012419a14e80b1004c0998fb4b68b 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -1,5 +1,6 @@
 /*APP COLORS*/
 $green: #00663C;
+$light-green: hsla(160, 100%, 37%, 1);
 $white:#FFFFFF;
 $grey:#D9D9D9;
 $red:#EE6D6D;
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 1a6a64bc4d6c95261ff93ac97f43c52c958cc4f4..e1593a5bc8f147f81395ae692d2a692569ee1be7 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -51,7 +51,7 @@
     </main>
 </template>
 
-<style>
+<style lang="scss">
 
 .login-container {
   display: flex;
@@ -87,7 +87,7 @@ label {
 }
 
 #login-button {
-  background-color: #00663C;
+  background-color: base.$green;
   color: #FFFFFF;
   border-radius: 5px;
   border-style: none;
@@ -98,6 +98,11 @@ label {
   margin: 20px;
 }
 
+#login-button:hover {
+  background-color: base.$light-green;
+
+}
+
 #logo {
   width: 100px;
   height: 100px;
diff --git a/src/views/SelectProfileView.vue b/src/views/SelectProfileView.vue
index 6dc0b9fd642dc6d232a22a38ebb5f95725ea1503..d8c581f64f820e3a35e4d7010d1a63d6de3d0730 100644
--- a/src/views/SelectProfileView.vue
+++ b/src/views/SelectProfileView.vue
@@ -55,7 +55,7 @@
 </template>
 
 
-<style scoped>
+<style scoped lang="scss">
 
     .container {
         display: flex;
@@ -87,7 +87,7 @@
     }
 
     .icon:hover {
-        background-color: #d5d5d5;
+        background-color: base.$grey;
         border-radius: 10%;
     }