diff --git a/src/background.ts b/src/background.ts
index 3e36280..41b6579 100644
--- a/src/background.ts
+++ b/src/background.ts
@@ -26,7 +26,7 @@ function createWindow() {
   // Create the browser window.
   win = new BrowserWindow({
     width: 350,
-    height: 520,
+    height: 500,
     resizable: true,
     maximizable: false,
 
@@ -35,7 +35,7 @@ function createWindow() {
     y: 10,
 
     webPreferences: {
-      devTools: true,
+      devTools: false,
 
       nodeIntegration: 
         (process.env.ELECTRON_NODE_INTEGRATION as unknown) as boolean,
diff --git a/src/components/messenger/index.vue b/src/components/home/index.vue
similarity index 100%
rename from src/components/messenger/index.vue
rename to src/components/home/index.vue
diff --git a/src/components/messenger/messageBubble/bubbleDetails/computed.ts b/src/components/home/messageBubble/bubbleDetails/computed.ts
similarity index 100%
rename from src/components/messenger/messageBubble/bubbleDetails/computed.ts
rename to src/components/home/messageBubble/bubbleDetails/computed.ts
diff --git a/src/components/messenger/messageBubble/bubbleDetails/drawer.ts b/src/components/home/messageBubble/bubbleDetails/drawer.ts
similarity index 100%
rename from src/components/messenger/messageBubble/bubbleDetails/drawer.ts
rename to src/components/home/messageBubble/bubbleDetails/drawer.ts
diff --git a/src/components/messenger/messageBubble/index.vue b/src/components/home/messageBubble/index.vue
similarity index 100%
rename from src/components/messenger/messageBubble/index.vue
rename to src/components/home/messageBubble/index.vue
diff --git a/src/components/messenger/messageVisualizer/index.vue b/src/components/home/messageVisualizer/index.vue
similarity index 100%
rename from src/components/messenger/messageVisualizer/index.vue
rename to src/components/home/messageVisualizer/index.vue
diff --git a/src/components/messenger/messageVisualizer/viewDetails/anime.ts b/src/components/home/messageVisualizer/viewDetails/anime.ts
similarity index 100%
rename from src/components/messenger/messageVisualizer/viewDetails/anime.ts
rename to src/components/home/messageVisualizer/viewDetails/anime.ts
diff --git a/src/components/messenger/messageVisualizer/viewDetails/offsetCalculator.ts b/src/components/home/messageVisualizer/viewDetails/offsetCalculator.ts
similarity index 100%
rename from src/components/messenger/messageVisualizer/viewDetails/offsetCalculator.ts
rename to src/components/home/messageVisualizer/viewDetails/offsetCalculator.ts
diff --git a/src/components/messenger/messageVisualizer/viewDetails/visualizer.ts b/src/components/home/messageVisualizer/viewDetails/visualizer.ts
similarity index 100%
rename from src/components/messenger/messageVisualizer/viewDetails/visualizer.ts
rename to src/components/home/messageVisualizer/viewDetails/visualizer.ts
diff --git a/src/components/login/index.vue b/src/components/login/index.vue
index a36f970..e63c46d 100644
--- a/src/components/login/index.vue
+++ b/src/components/login/index.vue
@@ -1,5 +1,5 @@
 <template>
-  Login Componant
+  Login Component
 </template>
 
 <script lang="ts">
@@ -15,11 +15,13 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
+
   #login {
     width: 350px;
     height: 500px;
-    background-color: #e6e6e6;
+    background-color: #FF52CA;
     box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
     // border-radius: 20px;
   }
+  
 </style>
\ No newline at end of file
diff --git a/src/components/splash/index.vue b/src/components/splash/index.vue
index 33afe3f..3b0a133 100644
--- a/src/components/splash/index.vue
+++ b/src/components/splash/index.vue
@@ -1,24 +1,47 @@
 <template>
-  <svg 
-    id="splash"
-    xmlns="http://www.w3.org/2000/svg" 
-    width="57.046" 
-    height="52.759" 
-    viewBox="0 0 57.046 52.759"
-  >
-    <g transform="translate(-4127 -507)">
-      <g transform="translate(3949 332.206)">
-        <g transform="translate(178 174.794)">
-          <g transform="translate(0 27.405)">
-            <circle id="Ellipse_50" data-name="Ellipse 50" cx="12.677" cy="12.677" r="12.677" transform="translate(0 0)" fill="#383838"/>
-            <circle id="Ellipse_51" data-name="Ellipse 51" cx="12.677" cy="12.677" r="12.677" transform="translate(31.692 0)" fill="#383838"/>
+  <div id="splash">
+    <svg 
+      xmlns="http://www.w3.org/2000/svg" 
+      width="57.046" 
+      height="52.759" 
+      viewBox="0 0 57.046 52.759"
+    >
+      <g transform="translate(-4127 -507)">
+        <g transform="translate(3949 332.206)">
+          <g transform="translate(178 174.794)">
+            <g transform="translate(0 27.405)">
+              <circle 
+                cx="12.677" 
+                cy="12.677" 
+                r="12.677" 
+                transform="translate(0 0)" 
+                fill="#383838"
+              />
+              <circle 
+                cx="12.677" 
+                cy="12.677" 
+                r="12.677" 
+                transform="translate(31.692 0)" 
+                fill="#383838"
+              />
+            </g>
+            <circle 
+              cx="12.677" 
+              cy="12.677" 
+              r="12.677" 
+              transform="translate(15.822 0)" 
+              fill="#383838"
+            />
+            <path 
+              d="M36.27,83.67" 
+              transform="translate(-23.569 -43.588)" 
+              fill="#ff0"
+            />
           </g>
-          <circle id="Ellipse_52" data-name="Ellipse 52" cx="12.677" cy="12.677" r="12.677" transform="translate(15.822 0)" fill="#383838"/>
-          <path id="Path_150" data-name="Path 150" d="M36.27,83.67" transform="translate(-23.569 -43.588)" fill="#ff0"/>
         </g>
       </g>
-    </g>
-  </svg>
+    </svg>    
+  </div>
 </template>
 
 <script lang="ts">
@@ -38,9 +61,13 @@ export default defineComponent({
   #splash {
     width: 350px;
     height: 500px;
-    background-color: #FF52CA;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #EBEBEB;
     box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
     // border-radius: 20px;
   }
 
-</style>
\ No newline at end of file
+</style>
+
diff --git a/src/router.ts b/src/router.ts
index d91198a..c4a488c 100644
--- a/src/router.ts
+++ b/src/router.ts
@@ -13,7 +13,7 @@ import Splash from "./views/splash.vue";
 const routes: Array<RouteRecordRaw> = [
 
   {
-    path: "/asdas",
+    path: "/",
     name: "Splash",
     component: Splash
   },
@@ -25,7 +25,7 @@ const routes: Array<RouteRecordRaw> = [
   },
 
   {
-    path: "/",
+    path: "/sdfds",
     name: "Login",
     component: Login
   },
diff --git a/src/views/home.vue b/src/views/home.vue
index b65ef78..0efa2ba 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -1,16 +1,16 @@
 <template>
-  <Messenger />
+  <HomeComponent />
 </template>
 
 <script lang="ts">
 
 import { defineComponent } from "vue";
-import Messenger from "@/components/messenger/index.vue";
+import HomeComponent from "@/components/home/index.vue";
 
 export default defineComponent({
     
   name: "Home",
-  components: { Messenger },
+  components: { HomeComponent },
 
 });
 
diff --git a/src/views/login.vue b/src/views/login.vue
index 7226a87..5d6954e 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -1,16 +1,16 @@
 <template>
-    <Login />
+    <LoginComponent />
 </template>
 
 <script lang="ts">
 
 import { defineComponent } from "vue";
-import Login from "@/components/login/index.vue";
+import LoginComponent from "@/components/login/index.vue";
 
 export default defineComponent({
 
   name: "Login",
-  components: { Login },
+  components: { LoginComponent },
 
 });
 
diff --git a/src/views/splash.vue b/src/views/splash.vue
index 4615508..dbe7d0f 100644
--- a/src/views/splash.vue
+++ b/src/views/splash.vue
@@ -1,16 +1,16 @@
 <template>
-    <Splash />
+  <SplashComponent />
 </template>
 
 <script lang="ts">
     
 import { defineComponent } from "vue";
-import Splash from "@/components/splash/index.vue"
+import SplashComponent from "@/components/splash/index.vue"
 
 export default defineComponent({
 
-    name: "Splash",
-    componants: { Splash },
+  name: "Splash",
+  components: { SplashComponent },
 
 });