diff --git a/src/App.css b/src/App.css
index 58792d2..53d18b8 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,4 +1,8 @@
 #niklas-birk-root {
     text-align: center;
     margin-top: 60px;
+}
+
+#logo {
+    width: 10%;
 }
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index 1ffcbc6..bd86453 100644
--- a/src/App.js
+++ b/src/App.js
@@ -26,12 +26,12 @@ const theme = createTheme({
             text: '$draculaForeground',
             primaryLight: '$draculaSelection',
             primaryLightHover: '$draculaComment',
-            primaryLightActive: '$draculaComment',
-            primaryLightContrast: '$draculaComment',
+            primaryLightActive: '$draculaSelection',
+            primaryLightContrast: '$draculaSelection',
             primary: '$draculaPurple',
             primaryBorder: '$draculaPurple',
-            primaryBorderHover: '$draculaPurple',
-            primarySolidHover: '$draculaPurple',
+            primaryBorderHover: '$draculaPink',
+            primarySolidHover: '$draculaPink',
             primarySolidContrast: '$draculaForeground',
             primaryShadow: '$draculaPurple',
 
@@ -50,7 +50,7 @@ function App() {
     return (
         <NextUIProvider theme={theme}>
             <div id="niklas-birk-root">
-                <img alt="Niklas logo" src={logo}/>
+                <img id="logo" alt="Niklas logo" src={logo}/>
                 <div>
                     <h1>Work in Progress</h1>
                     Das ist eine Seite im Aufbau.