diff --git a/resources/js/components/dialogs/SMDialogMedia.vue b/resources/js/components/dialogs/SMDialogMedia.vue
index f5b745b..620b3f8 100644
--- a/resources/js/components/dialogs/SMDialogMedia.vue
+++ b/resources/js/components/dialogs/SMDialogMedia.vue
@@ -119,7 +119,7 @@ const handlePickSelection = (item) => {
 
 const handleLoad = async () => {
     formMessage.type = "error";
-    formMessage.icon = "fa-solid fa-circle-exclamation";
+    formMessage.icon = "alert-circle-outline";
     formMessage.message = "";
     selected.value = "";
 
@@ -143,7 +143,7 @@ const handleLoad = async () => {
     } catch (error) {
         if (error.status == 404) {
             formMessage.type = "primary";
-            formMessage.icon = "fa-regular fa-folder-open";
+            formMessage.icon = "folder-open-outline";
             formMessage.message = "No media items found";
         } else {
             formMessage.message =
@@ -159,7 +159,7 @@ const handleAskUpload = () => {
 const handleUpload = async () => {
     formLoading.value = true;
     formMessage.type = "error";
-    formMessage.icon = "fa-solid fa-circle-exclamation";
+    formMessage.icon = "alert-circle-outline";
     formMessage.message = "";
 
     try {
diff --git a/resources/js/views/EventView.vue b/resources/js/views/EventView.vue
index cbc5121..191db54 100644
--- a/resources/js/views/EventView.vue
+++ b/resources/js/views/EventView.vue
@@ -35,7 +35,7 @@ const formMessage = reactive({
 
 const handleLoad = async () => {
     formMessage.type = "error";
-    formMessage.icon = "fa-solid fa-circle-exclamation";
+    formMessage.icon = "alert-circle-outline";
     formMessage.message = "";
 
     try {
diff --git a/resources/js/views/WorkshopList.vue b/resources/js/views/WorkshopList.vue
index dd394b3..1939a3a 100644
--- a/resources/js/views/WorkshopList.vue
+++ b/resources/js/views/WorkshopList.vue
@@ -74,7 +74,7 @@ const filterDateRange = ref("");
 
 const handleLoad = async () => {
     formMessage.type = "error";
-    formMessage.icon = "fa-solid fa-circle-exclamation";
+    formMessage.icon = "alert-circle-outline";
     formMessage.message = "";
 
     events.value = [];
diff --git a/resources/js/views/WorkshopView.vue b/resources/js/views/WorkshopView.vue
index a93c82f..84cb63a 100644
--- a/resources/js/views/WorkshopView.vue
+++ b/resources/js/views/WorkshopView.vue
@@ -162,7 +162,7 @@ const registerUrl = computed(() => {
 
 const handleLoad = async () => {
     formMessage.type = "error";
-    formMessage.icon = "fa-solid fa-circle-exclamation";
+    formMessage.icon = "alert-circle-outline";
     formMessage.message = "";
 
     api.get(`/events/${route.params.id}`)
diff --git a/resources/js/views/dashboard/EventList.vue b/resources/js/views/dashboard/EventList.vue
index 8ec7125..73fc945 100644
--- a/resources/js/views/dashboard/EventList.vue
+++ b/resources/js/views/dashboard/EventList.vue
@@ -35,14 +35,7 @@
                 >
             </template>
             <template #item-actions="item">
-                <div class="action-wrapper">
-                    <!-- <font-awesome-icon
-                        icon="fa-solid fa-pen-to-square"
-                        @click="handleEdit(item)" />
-                    <font-awesome-icon
-                        icon="fa-regular fa-trash-can"
-                        @click="handleDelete(item)" /> -->
-                </div>
+                <div class="action-wrapper"></div>
             </template>
         </EasyDataTable>
     </SMContainer>
diff --git a/resources/js/views/dashboard/MediaList.vue b/resources/js/views/dashboard/MediaList.vue
index 281e63d..46a8181 100644
--- a/resources/js/views/dashboard/MediaList.vue
+++ b/resources/js/views/dashboard/MediaList.vue
@@ -36,14 +36,8 @@
             </template>
             <template #item-actions="item">
                 <div class="action-wrapper">
-                    <!-- <font-awesome-icon
-                        icon="fa-solid fa-pen-to-square"
-                        @click.stop="handleEdit(item)" />
-                    <font-awesome-icon
-                        icon="fa-regular fa-trash-can"
-                        @click.stop="handleDelete(item)" /> -->
                     <SMFileLink :href="item.url" target="_blank" @click.stop=""
-                        ><font-awesome-icon icon="fa-solid fa-download"
+                        ><font-awesome-icon icon="cloud-download-outline"
                     /></SMFileLink>
                 </div>
             </template>
@@ -101,7 +95,7 @@ const serverOptions = ref({
 const loadFromServer = async () => {
     formLoading.value = true;
     formMessage.type = "error";
-    formMessage.icon = "fa-solid fa-circle-exclamation";
+    formMessage.icon = "alert-circle-outline";
     formMessage.message = "";
 
     try {
diff --git a/resources/js/views/dashboard/UserList.vue b/resources/js/views/dashboard/UserList.vue
index d32561f..83c2175 100644
--- a/resources/js/views/dashboard/UserList.vue
+++ b/resources/js/views/dashboard/UserList.vue
@@ -19,14 +19,7 @@
                 <SMLoadingIcon />
             </template>
             <template #item-actions="item">
-                <div class="action-wrapper">
-                    <!-- <font-awesome-icon
-                        icon="fa-solid fa-pen-to-square"
-                        @click="handleEdit(item)" />
-                    <font-awesome-icon
-                        icon="fa-regular fa-trash-can"
-                        @click="handleDelete(item)" /> -->
-                </div>
+                <div class="action-wrapper"></div>
             </template>
         </EasyDataTable>
     </SMContainer>
@@ -77,7 +70,7 @@ const serverOptions = ref({
 const loadFromServer = async () => {
     formLoading.value = true;
     formMessage.type = "error";
-    formMessage.icon = "fa-solid fa-circle-exclamation";
+    formMessage.icon = "alert-circle-outline";
     formMessage.message = "";
 
     try {