diff --git a/public/css/app.css b/public/css/app.css
index 6c15c44f0..e3db1dad8 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -36064,10 +36064,6 @@ body{
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.hover\:rounded-lg:hover{
-  border-radius: 0.5rem;
-}
-
 .hover\:rounded-md:hover{
   border-radius: 0.375rem;
 }
@@ -36232,13 +36228,6 @@ body{
           text-decoration-line: underline;
 }
 
-.hover\:shadow-md:hover{
-  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
-  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
 .hover\:shadow-2xl:hover{
   --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
   --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
@@ -36498,6 +36487,12 @@ body{
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+[dir="ltr"] .ltr\:space-x-4 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1rem * var(--tw-space-x-reverse));
+  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
 [dir="ltr"] .ltr\:pr-6{
   padding-right: 1.5rem;
 }
@@ -36614,10 +36609,6 @@ body{
   float: left;
 }
 
-[dir="rtl"] .rtl\:m-4{
-  margin: 1rem;
-}
-
 [dir="rtl"] .rtl\:ml-4{
   margin-left: 1rem;
 }
@@ -36638,6 +36629,10 @@ body{
   margin-left: 0.75rem;
 }
 
+[dir="rtl"] .rtl\:mr-4{
+  margin-right: 1rem;
+}
+
 [dir="rtl"] .rtl\:ml-1{
   margin-left: 0.25rem;
 }
@@ -36646,10 +36641,6 @@ body{
   margin-right: 0.25rem;
 }
 
-[dir="rtl"] .rtl\:mr-4{
-  margin-right: 1rem;
-}
-
 [dir="rtl"] .rtl\:-mr-7{
   margin-right: -1.75rem;
 }
diff --git a/resources/views/common/dashboards/show.blade.php b/resources/views/common/dashboards/show.blade.php
index b1e5cfcae..b80f6b9d7 100644
--- a/resources/views/common/dashboards/show.blade.php
+++ b/resources/views/common/dashboards/show.blade.php
@@ -100,7 +100,9 @@
             <div class="dashboard-action">
                 <x-dropdown id="dropdown-dashboard-company">
                     <x-slot name="trigger" class="flex" override="class">
-                        <span id="dashboard-more-actions" class="material-icons-outlined text-4xl text-purple cursor-pointer hover:bg-gray-100 hover:rounded-lg hover:shadow-md">more_vert</span>
+                        <span id="dashboard-more-actions" class="w-8 h-8 flex items-center justify-center px-2 py-2 ltr:ml-2 rtl:mr-2 hover:bg-gray-100 rounded-xl text-purple text-sm font-medium leading-6">
+                            <span class="material-icons">more_vert</span>
+                        </span>
                     </x-slot>
 
                     @can('create-common-widgets')
diff --git a/resources/views/common/reports/index.blade.php b/resources/views/common/reports/index.blade.php
index 4238c86f6..70d586ed5 100644
--- a/resources/views/common/reports/index.blade.php
+++ b/resources/views/common/reports/index.blade.php
@@ -52,13 +52,15 @@
                                 </a>
                             </div>
 
-                            <div class="flex items-start">
+                            <div class="flex items-start ltr:space-x-2 rtl:space-x-reverse">
                                 <livewire:report.pin :categories="$categories" :report-id="$report->id" />
 
                                 @canany(['create-common-reports', 'update-common-reports', 'delete-common-reports'])
                                 <x-dropdown id="widget-{{ $category_id }}-{{ $report->id }}">
                                     <x-slot name="trigger" class="flex" override="class">
-                                        <span class="material-icons-outlined text-lg px-1 py-0.5 cursor-pointer hover:bg-gray-100 hover:rounded-lg hover:shadow-md">more_vert</span>
+                                        <span class="w-8 h-8 flex items-center justify-center px-2 py-2 rtl:mr-4 hover:bg-gray-100 rounded-xl text-purple text-sm font-medium leading-6">
+                                            <span class="material-icons">more_vert</span>
+                                        </span>
                                     </x-slot>
 
                                     @can('update-common-reports')
diff --git a/resources/views/components/widgets/header.blade.php b/resources/views/components/widgets/header.blade.php
index 0264e6c41..5c47f3956 100644
--- a/resources/views/components/widgets/header.blade.php
+++ b/resources/views/components/widgets/header.blade.php
@@ -12,7 +12,9 @@
 
             <x-dropdown id="dropdown-widget-{{ $class->model->id }}">
                 <x-slot name="trigger" class="flex" override="class">
-                    <span id="dashboard-widget-more-actions" class="material-icons cursor-pointer text-purple hover:bg-gray-100 hover:rounded-lg hover:shadow-md">more_vert</span>
+                    <span id="dashboard-widget-more-actions" class="w-8 h-8 flex items-center justify-center px-2 py-2 hover:bg-gray-100 rounded-xl text-purple text-sm font-medium leading-6">
+                        <span class="material-icons">more_vert</span>
+                    </span>
                 </x-slot>
 
                 @can('update-common-widgets')
diff --git a/resources/views/livewire/menu/favorite.blade.php b/resources/views/livewire/menu/favorite.blade.php
index fd391080a..fc05de211 100644
--- a/resources/views/livewire/menu/favorite.blade.php
+++ b/resources/views/livewire/menu/favorite.blade.php
@@ -3,7 +3,7 @@
         id="{{ $favorited ? 'remove-from-favorite' : 'add-to-favorite' }}"
         @class([
             'flex items-center text-purple text-2xl ltr:ml-2 rtl:mr-2 lg:mt-2 cursor-pointer',
-            'material-icons-outlined' => ($favorited) ? false : true,
+            'material-icons-outlined transform transition-all hover:scale-125' => ($favorited) ? false : true,
             'material-icons' => (! $favorited) ? false : true,
         ])
         wire:click="changeStatus()"
diff --git a/resources/views/livewire/menu/favorites.blade.php b/resources/views/livewire/menu/favorites.blade.php
index cb9931f4a..575d66f9e 100644
--- a/resources/views/livewire/menu/favorites.blade.php
+++ b/resources/views/livewire/menu/favorites.blade.php
@@ -7,7 +7,7 @@
                 <span
                     id="{{ $favorite['id'] }}"
                     @class([
-                        'material-icons-outlined' => ! $favorite['active'],
+                        'material-icons-outlined transform transition-all hover:scale-125' => ! $favorite['active'],
                         'material-icons' => $favorite['active'],
                         'text-purple cursor-pointer',
                     ])
diff --git a/resources/views/livewire/report/pin.blade.php b/resources/views/livewire/report/pin.blade.php
index c0cf3651e..2b173ffef 100644
--- a/resources/views/livewire/report/pin.blade.php
+++ b/resources/views/livewire/report/pin.blade.php
@@ -1,9 +1,9 @@
-<button class="ltr:mr-4 rtl:m-4" data-tooltip-target="{{ $reportId }}-pin" data-tooltip-placement="bottom">
+<button class="w-8 h-8 flex items-center justify-center px-2 py-2 rounded-xl text-purple text-sm font-medium leading-6" data-tooltip-target="{{ $reportId }}-pin" data-tooltip-placement="bottom">
     <span
         id="{{ $pinned ? 'reports-unpin-' . $reportId : 'reports-pin-' . $reportId }}"
         @class([
-            'text-black-400 text-lg transform rotate-45 cursor-pointer mx-2',
-            'material-icons-outlined' => ($pinned) ? false : true,
+            'text-lg transform rotate-45 transition-all',
+            'material-icons-outlined hover:scale-125' => ($pinned) ? false : true,
             'material-icons' => (! $pinned) ? false : true,
         ])
         wire:click="changeStatus('{{ $reportId }}')"