diff --git a/resources/views/components/dropdown.blade.php b/resources/views/components/dropdown.blade.php
index a46f7c83..97e3c2ee 100644
--- a/resources/views/components/dropdown.blade.php
+++ b/resources/views/components/dropdown.blade.php
@@ -28,7 +28,7 @@
             class="absolute z-50 mt-2 {{ $width }} rounded-md shadow-lg {{ $alignmentClasses }}"
             style="display: none;"
             @click="open = false">
-        <div class="rounded-md ring-1 ring-black ring-opacity-5 {{ $contentClasses }}">
+        <div class="rounded-md ring-1 ring-black/5 {{ $contentClasses }}">
             {{ $content }}
         </div>
     </div>
diff --git a/resources/views/livewire/channels.blade.php b/resources/views/livewire/channels.blade.php
index 756a6e60..25ed26b8 100644
--- a/resources/views/livewire/channels.blade.php
+++ b/resources/views/livewire/channels.blade.php
@@ -127,7 +127,7 @@ class="inline-flex items-center px-4 py-2 bg-blue-600 text-white text-sm font-me
     @if ($managingChannel)
         <div class="fixed inset-0 z-50 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true">
             <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-                <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" wire:click="closeAccountModal"></div>
+                <div class="fixed inset-0 bg-gray-500/75 transition-opacity" wire:click="closeAccountModal"></div>
 
                 <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
 
@@ -181,7 +181,7 @@ class="w-full inline-flex justify-center rounded-md border border-gray-300 shado
     @if ($showCreateModal)
         <div class="fixed inset-0 z-50 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true">
             <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-                <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" wire:click="closeCreateModal"></div>
+                <div class="fixed inset-0 bg-gray-500/75 transition-opacity" wire:click="closeCreateModal"></div>
 
                 <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
 
diff --git a/resources/views/livewire/feeds.blade.php b/resources/views/livewire/feeds.blade.php
index 7ce870fc..f024d991 100644
--- a/resources/views/livewire/feeds.blade.php
+++ b/resources/views/livewire/feeds.blade.php
@@ -105,7 +105,7 @@ class="inline-flex items-center px-4 py-2 bg-blue-600 text-white text-sm font-me
     @if ($showCreateModal)
         <div class="fixed inset-0 z-50 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true">
             <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-                <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" wire:click="closeCreateModal"></div>
+                <div class="fixed inset-0 bg-gray-500/75 transition-opacity" wire:click="closeCreateModal"></div>
 
                 <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
 
diff --git a/resources/views/livewire/notification-bell.blade.php b/resources/views/livewire/notification-bell.blade.php
index 0df0c6fd..10920bd3 100644
--- a/resources/views/livewire/notification-bell.blade.php
+++ b/resources/views/livewire/notification-bell.blade.php
@@ -23,7 +23,7 @@ class="relative p-2 rounded-md text-gray-400 hover:text-gray-600 hover:bg-gray-1
         x-transition:leave="transition ease-in duration-75"
         x-transition:leave-start="opacity-100 scale-100"
         x-transition:leave-end="opacity-0 scale-95"
-        class="absolute right-0 z-50 mt-2 w-80 bg-white rounded-lg shadow-lg ring-1 ring-black ring-opacity-5"
+        class="absolute right-0 z-50 mt-2 w-80 bg-white rounded-lg shadow-lg ring-1 ring-black/5"
         style="display: none;"
     >
         <div class="flex items-center justify-between px-4 py-3 border-b border-gray-100">
diff --git a/resources/views/livewire/routes.blade.php b/resources/views/livewire/routes.blade.php
index 45c04c69..83d99b94 100644
--- a/resources/views/livewire/routes.blade.php
+++ b/resources/views/livewire/routes.blade.php
@@ -146,7 +146,7 @@ class="inline-flex items-center px-4 py-2 border border-transparent text-sm font
     @if ($showCreateModal)
         <div class="fixed inset-0 z-50 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true">
             <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-                <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" wire:click="closeCreateModal"></div>
+                <div class="fixed inset-0 bg-gray-500/75 transition-opacity" wire:click="closeCreateModal"></div>
 
                 <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
 
@@ -228,7 +228,7 @@ class="px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transp
     @if ($editingRoute)
         <div class="fixed inset-0 z-50 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true">
             <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-                <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" wire:click="closeEditModal"></div>
+                <div class="fixed inset-0 bg-gray-500/75 transition-opacity" wire:click="closeEditModal"></div>
 
                 <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>