diff --git a/docker/docker-compose.yml b/docker/docker-compose.yml
index 012e0dc..a533d44 100644
--- a/docker/docker-compose.yml
+++ b/docker/docker-compose.yml
@@ -2,10 +2,6 @@ services:
   st_frontend:
     container_name: safetwitch_frontend
     image: git.ngn.tf/ngn/safetwitch
-    security_opt:
-    - no-new-privileges:true
-    cap_drop:
-    - ALL
     ports:
     - 8080:8280
     environment:
diff --git a/renovate.json b/renovate.json
new file mode 100644
index 0000000..604175e
--- /dev/null
+++ b/renovate.json
@@ -0,0 +1,5 @@
+{
+  "extends": ["config:recommended"],
+  "timezone": "Europe/Istanbul",
+  "prHourlyLimit": 20
+}
diff --git a/src/App.vue b/src/App.vue
index c8266e7..20c64d5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { RouterView } from 'vue-router'
 import NavbarItem from './components/NavbarView.vue'
-import FooterItem from './components/FooterView.vue'
 import DevWarning from './components/DevWarning.vue'
 
 import { getTheme } from '@/settingsManager'
@@ -13,11 +12,8 @@ const dev = import.meta.env.DEV
   <dev-warning v-if="dev"></dev-warning>
   <div :class="getTheme()" class="flex flex-col justify-between min-h-[100vh] bg-primary">
     <navbar-item></navbar-item>
-
     <Suspense>
       <RouterView :key="$route.fullPath" />
     </Suspense>
-
-    <footer-item></footer-item>
   </div>
 </template>
diff --git a/src/components/FooterView.vue b/src/components/FooterView.vue
deleted file mode 100644
index f74ae06..0000000
--- a/src/components/FooterView.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-const dev = import.meta.env.DEV
-
-export default {
-  setup() {
-    let version = `${import.meta.env.SAFETWITCH_TAG}-${import.meta.env.SAFETWITCH_COMMIT_HASH}`
-
-    if (dev) {
-      version = version + '-dev'
-    }
-
-    return {
-      version
-    }
-  }
-}
-</script>
-
-<template>
-  <div class="m-2 mt-5 flex justify-center">
-    <p class="text-contrast font-bold">SafeTwitch {{ version }}</p>
-  </div>
-</template>
diff --git a/src/components/NavbarView.vue b/src/components/NavbarView.vue
index 9b4157d..ca88523 100644
--- a/src/components/NavbarView.vue
+++ b/src/components/NavbarView.vue
@@ -70,7 +70,11 @@ export default {
 </template>
 
 <style>
-a:hover, router-link:hover {
+nav {
+  color:
+}
+
+ul a:hover, ul router-link:hover {
   text-decoration: underline;
 }
 
diff --git a/src/components/SearchBar.vue b/src/components/SearchBar.vue
index f5e79c6..e34d671 100644
--- a/src/components/SearchBar.vue
+++ b/src/components/SearchBar.vue
@@ -15,9 +15,8 @@ export default {
 </script>
 
 <template>
-  <div class="relative md:block">
+  <div class="relative md:block outline-none">
     <label for="searchBar" class="hidden">{{ $t('main.search') }}</label>
-    <v-icon name="io-search-outline" class="absolute my-auto inset-y-0 left-2"></v-icon>
     <input
       type="text"
       id="searchBar"
@@ -25,7 +24,8 @@ export default {
       :placeholder="$t('main.search')"
       v-model="searchInput"
       @keyup.enter="redirectToSearch"
-      class="rounded-md p-1 pl-8 w-56 text-white bg-black border-white outline-none placeholder:text-white w-full"
+      class="rounded-md p-1 pl-8 w-56 text-white bg-black placeholder:text-white w-full outline-none"
+      :style="border: solid 1px ${theme.extend.colors.contrast}"
     />
   </div>
 </template>
diff --git a/src/settingsManager.ts b/src/settingsManager.ts
index 011992c..8efe069 100644
--- a/src/settingsManager.ts
+++ b/src/settingsManager.ts
@@ -244,8 +244,8 @@ export const themeList = [
     // just as if you were to extend tailwind's theme like normal https://tailwindcss.com/docs/theme#extending-the-default-theme
     extend: {
       colors: {
-        primary: '#000',
-        secondary: '#1e1f1f',
+        primary: '#141515',
+        secondary: '#000',
         overlay0: '#282a2a',
         overlay1: '#323434',
         surface0: '#393B3B',
diff --git a/src/views/HomepageView.vue b/src/views/HomepageView.vue
index f60eb8d..96a3a9e 100644
--- a/src/views/HomepageView.vue
+++ b/src/views/HomepageView.vue
@@ -83,7 +83,7 @@ export default {
     <error-message ></error-message>
   </div>
 
-  <div v-show="data" class="max-w-5xl w-[100vw] mx-auto">
+  <div v-show="data" class="p-5">
     <vue-title title="Discover"></vue-title>
     <div v-if="following && following.length > 0" class="p-2 text-contrast">
       <h1 class="font-bold text-5xl">{{ $t('home.following') }}</h1>
diff --git a/src/views/SettingsView.vue b/src/views/SettingsView.vue
index 6a13749..52ddea1 100644
--- a/src/views/SettingsView.vue
+++ b/src/views/SettingsView.vue
@@ -118,7 +118,7 @@ export default {
     <h1 class="font-bold text-3xl mt-2">{{ $t('main.themes') }}</h1>
     <hr class="my-2" />
     <ul class="flex space-x-2">
-      <!-- 
+      <!--
         Use theme colors for preview
        -->
       <li