diff --git a/package-lock.json b/package-lock.json
index 0d3a953..08d0a8b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -35,7 +35,7 @@
         "@vueuse/core": "^10.1.2",
         "crypto-js": "^4.1.1",
         "cytoscape": "^3.25.0",
-        "daisyui": "^3.0.3",
+        "daisyui": "^3.1.0",
         "date-fns": "^2.29.3",
         "dompurify": "^3.0.2",
         "file-saver": "^2.0.5",
@@ -4846,15 +4846,18 @@
       }
     },
     "node_modules/daisyui": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.0.3.tgz",
-      "integrity": "sha512-RSbXsEBj2LonvjOKEI0I64F5xFJrFrthPgxRNeAZKmACQ3NoIoP45lO6UXLW3bm8PVOUGpKf1Br2SWwc1NqnHQ==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.1.0.tgz",
+      "integrity": "sha512-G4dz/bRZVvlhQ/FtezXSg0rXOXzDJ0PcnMqeLSwCYNWXxf46fNJ8LWeV5qwsYOdJbXiXoZLnwyy+BsNoWZ+Bjg==",
       "dependencies": {
         "colord": "^2.9",
         "css-selector-tokenizer": "^0.8",
         "postcss-js": "^4",
         "tailwindcss": "^3"
       },
+      "engines": {
+        "node": ">=16.9.0"
+      },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/daisyui"
@@ -16822,9 +16825,9 @@
       }
     },
     "daisyui": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.0.3.tgz",
-      "integrity": "sha512-RSbXsEBj2LonvjOKEI0I64F5xFJrFrthPgxRNeAZKmACQ3NoIoP45lO6UXLW3bm8PVOUGpKf1Br2SWwc1NqnHQ==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.1.0.tgz",
+      "integrity": "sha512-G4dz/bRZVvlhQ/FtezXSg0rXOXzDJ0PcnMqeLSwCYNWXxf46fNJ8LWeV5qwsYOdJbXiXoZLnwyy+BsNoWZ+Bjg==",
       "requires": {
         "colord": "^2.9",
         "css-selector-tokenizer": "^0.8",
diff --git a/package.json b/package.json
index d991ced..faa287c 100644
--- a/package.json
+++ b/package.json
@@ -42,7 +42,7 @@
     "@vueuse/core": "^10.1.2",
     "crypto-js": "^4.1.1",
     "cytoscape": "^3.25.0",
-    "daisyui": "^3.0.3",
+    "daisyui": "^3.1.0",
     "date-fns": "^2.29.3",
     "dompurify": "^3.0.2",
     "file-saver": "^2.0.5",
diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
index cb70a71..542bc2c 100644
--- a/src/components/TopBar.vue
+++ b/src/components/TopBar.vue
@@ -88,13 +88,14 @@ const handleSignIn = async (close: () => Promise<boolean>) => {
 </template>
 <style lang="scss" scoped>
 #logo {
-  @apply cursor-pointer transition-all duration-200 hover:text-primary;
+  @apply cursor-pointer transition-all duration-200 active:text-primary;
+}
+@media (hover: hover) and (pointer: fine) {
+  #logo:hover {
+    text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white;
+    @apply text-primary;
+  }
 }
-// @media (hover: hover) and (pointer: fine) {
-//   #logo:hover {
-//     text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white;
-//   }
-// }
 #logo:active {
   text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white;
 }