diff --git a/app/View/Components/Table/Tr.php b/app/View/Components/Table/Tr.php
index a781b208f..331a20250 100644
--- a/app/View/Components/Table/Tr.php
+++ b/app/View/Components/Table/Tr.php
@@ -42,7 +42,7 @@ class Tr extends Component
         $values = $self->getValue();
 
         if (array_key_exists('App\View\Components\Table\Tbody', $values)) {
-            return 'relative flex items-center px-1 group border-b hover:bg-gray-100';
+            return 'relative flex items-center px-1 group/actions border-b hover:bg-gray-100 active-collapse';
         }
 
         else if (array_key_exists('App\View\Components\Table\Thead', $values)) {
diff --git a/app/View/Presenters/Menu.php b/app/View/Presenters/Menu.php
index 1d0faf2a7..2d87b555d 100644
--- a/app/View/Presenters/Menu.php
+++ b/app/View/Presenters/Menu.php
@@ -14,7 +14,7 @@ class Menu extends Presenter
     {
         return PHP_EOL . '<div class="navbar-inner">
             <!-- Collapse -->
-            <div class="collapse" id="sidenav-collapse-main">
+            <div id="sidenav-collapse-main">
                 <!-- Nav items -->
                 <ul class="flex flex-col justify-center">' . PHP_EOL;
     }
diff --git a/package.json b/package.json
index bde564dcf..1ffa0aa50 100644
--- a/package.json
+++ b/package.json
@@ -37,7 +37,7 @@
         "popper.js": "^1.16.1",
         "swiper": "^7.3.1",
         "tailwind": "^4.0.0",
-        "tailwindcss": "^3.0.23",
+        "tailwindcss": "^3.2.1",
         "v-money": "^0.8.1",
         "vee-validate": "^2.2.15",
         "vue": "^2.6.10",
diff --git a/presets.js b/presets.js
index 8b8f7c482..11994f889 100644
--- a/presets.js
+++ b/presets.js
@@ -20,7 +20,7 @@ module.exports = {
 
     safelist: [
       {
-        pattern: /./,
+        pattern: /^[^/&]*$/,
       },
       {
         pattern: /^p-/,
diff --git a/resources/views/components/table/actions.blade.php b/resources/views/components/table/actions.blade.php
index f294c58fc..666fd7d35 100644
--- a/resources/views/components/table/actions.blade.php
+++ b/resources/views/components/table/actions.blade.php
@@ -3,7 +3,7 @@
     $more_actions = [];
 @endphp
 
-<div class="absolute ltr:right-12 rtl:left-12 -top-4 hidden items-center group-hover:flex">
+<div class="absolute ltr:right-12 rtl:left-12 -top-4 hidden items-center group-hover/actions:flex">
     @foreach ($actions as $action)
         @if (! empty($action['permission']))
             @can($action['permission'])
@@ -19,12 +19,12 @@
 
         @switch($type)
             @case('button')
-                <button type="button" class="relative bg-white hover:bg-gray-100 border py-0.5 px-1 cursor-pointer index-actions group" {!! $action['attributes'] ?? null !!}>
+                <button type="button" class="relative bg-white hover:bg-gray-100 border py-0.5 px-1 cursor-pointer index-actions" {!! $action['attributes'] ?? null !!}>
                     <span class="material-icons-outlined text-purple text-lg pointer-events-none">
                         {{ $action['icon'] }}
                     </span>
 
-                    <div class="inline-block absolute invisible z-20 py-1 px-2 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200 shadow-sm whitespace-nowrap opacity-0 tooltip-content -top-10 -left-2" data-tooltip-placement="top">
+                    <div class="inline-block absolute invisible z-20 py-1 px-2 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200 shadow-sm whitespace-nowrap opacity-0 -top-10 -left-2 tooltip-content" data-tooltip-placement="top">
                         <span>{{ $action['title'] }}</span>
                         <div class="absolute w-2 h-2 -bottom-1 before:content-[' '] before:absolute before:w-2 before:h-2 before:bg-white before:border-gray-200 before:transform before:rotate-45 before:border before:border-t-0 before:border-l-0" data-popper-arrow></div>
                     </div>
@@ -47,7 +47,7 @@
                         {{ $action['icon'] }}
                     </span>
 
-                    <div class="inline-block absolute invisible z-20 py-1 px-2 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200 shadow-sm whitespace-nowrap opacity-0 tooltip-content -top-10 -left-2" data-tooltip-placement="top">
+                    <div class="inline-block absolute invisible z-20 py-1 px-2 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200 shadow-sm whitespace-nowrap opacity-0 -top-10 -left-2 tooltip-content" data-tooltip-placement="top">
                         <span>{{ $action['title'] }}</span>
                         <div class="absolute w-2 h-2 -bottom-1 before:content-[' '] before:absolute before:w-2 before:h-2 before:bg-white before:border-gray-200 before:transform before:rotate-45 before:border before:border-t-0 before:border-l-0" data-popper-arrow></div>
                     </div>
diff --git a/resources/views/settings/categories/index.blade.php b/resources/views/settings/categories/index.blade.php
index 92eec2c14..cc8d40158 100644
--- a/resources/views/settings/categories/index.blade.php
+++ b/resources/views/settings/categories/index.blade.php
@@ -65,7 +65,7 @@
 
                 <x-table.tbody>
                     @foreach($categories as $item)
-                        <x-table.tr href="{{ route('categories.edit', $item->id) }}" class="relative flex items-center border-b hover:bg-gray-100 px-1 group transition-all">
+                        <x-table.tr href="{{ route('categories.edit', $item->id) }}">
                             <x-table.td kind="bulkaction">
                                 <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" />
                             </x-table.td>