diff --git a/plugin/source/dynamix.unraid.net/usr/local/emhttp/plugins/dynamix.my.servers/include/myservers1.php b/plugin/source/dynamix.unraid.net/usr/local/emhttp/plugins/dynamix.my.servers/include/myservers1.php
index c3cf40c1e..47879167b 100644
--- a/plugin/source/dynamix.unraid.net/usr/local/emhttp/plugins/dynamix.my.servers/include/myservers1.php
+++ b/plugin/source/dynamix.unraid.net/usr/local/emhttp/plugins/dynamix.my.servers/include/myservers1.php
@@ -46,17 +46,25 @@ $localManifest = json_decode(file_get_contents($localManifestFile), true);
 
 $searchText = 'unraid-components.client.mjs';
 $fileValue = null;
+$cssValues = [];
 
 foreach ($localManifest as $key => $value) {
     if (strpos($key, $searchText) !== false && isset($value["file"])) {
         $fileValue = $value["file"];
         break;
     }
+
+    if (strpos($key, $searchText) !== false && isset($value["css"])) {
+        $cssValues = $value["css"];
+        break;
+    }
 }
 
 if ($fileValue !== null) {
     $prefixedPath = '/plugins/dynamix.my.servers/unraid-components/';
     echo '<script src="' . $prefixedPath . $fileValue . '"></script>';
+
+    echo '<link rel="stylesheet" href="' . $prefixedPath . '_nuxt/unraid-components-DNhg-Rqp.css">' . PHP_EOL;
 } else {
     echo '<script>console.error("%cNo matching key containing \'' . $searchText . '\' found.", "font-weight: bold; color: white; background-color: red");</script>';
 }
diff --git a/web/components/Notifications/Sidebar.vue b/web/components/Notifications/Sidebar.vue
index 22a4a86da..23eab13e9 100644
--- a/web/components/Notifications/Sidebar.vue
+++ b/web/components/Notifications/Sidebar.vue
@@ -1,5 +1,10 @@
 <script setup lang="ts">
 const visible = ref<boolean>(false);
+
+const showSidebar = () => {
+  console.log('showSidebar');
+  visible.value = true;
+};
 </script>
 
 <template>
@@ -7,6 +12,6 @@ const visible = ref<boolean>(false);
     <Drawer v-model:visible="visible" header="Drawers" position="right" class="!w-full md:!w-80 lg:!w-[30rem]">
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
     </Drawer>
-    <Button label="Open" class="p-button-rounded p-button-outlined" @click="visible = true" />
+    <Button label="Open" class="p-button-rounded p-button-outlined" @click="showSidebar" />
   </div>
 </template>
diff --git a/web/components/UserProfile.ce.vue b/web/components/UserProfile.ce.vue
index 0bd6a095d..7736be70b 100644
--- a/web/components/UserProfile.ce.vue
+++ b/web/components/UserProfile.ce.vue
@@ -129,7 +129,6 @@ onBeforeMount(() => {
 
       <NotificationsSidebar />
 
-
       <OnClickOutside class="flex items-center justify-end h-full" :options="{ ignore: [clickOutsideIgnoreTarget] }" @trigger="outsideDropdown">
         <UpcDropdownTrigger ref="clickOutsideIgnoreTarget" :t="t" />
         <UpcDropdown ref="clickOutsideTarget" :t="t" />