diff --git a/src/components/widget/call/CallTabs/CallTabPanel/CallActions/index.jsx b/src/components/widget/call/CallTabs/CallTabPanel/CallActions/index.jsx
index aa011ae..242afdf 100644
--- a/src/components/widget/call/CallTabs/CallTabPanel/CallActions/index.jsx
+++ b/src/components/widget/call/CallTabs/CallTabPanel/CallActions/index.jsx
@@ -1,9 +1,9 @@
-import StyledForm from "@/core/components/StyledForm";
+import LoadingHardPage from "@/core/components/LoadingHardPage";
 import { CALL_ACTION } from "@/core/utils/routes";
 import { useCall } from "@/lib/contexts/call";
 import useRequest from "@/lib/hooks/useRequest";
 import { yupResolver } from "@hookform/resolvers/yup";
-import { Stack } from "@mui/material";
+import { Box, Stack } from "@mui/material";
 import { useForm } from "react-hook-form";
 import { object, string } from "yup";
 import ActionHeader from "./ActionHeader";
@@ -47,9 +47,7 @@ function CallActions({ tab }) {
         data: formData,
       });
       closeCall(tab.id);
-    } catch (error) {
-      console.error("Login error:", error);
-    }
+    } catch (error) {}
   });
 
   return (
@@ -59,10 +57,28 @@ function CallActions({ tab }) {
       }}
     >
       <ActionHeader tab={tab} />
-      <Stack sx={{ height: "100%", overflowY: "auto" }}>
+      <Stack sx={{ height: "100%", overflowY: "auto", position: "relative" }}>
         <CallActionDescription control={control} />
         <CallActionsCategories control={control} />
         <CallActionsSubcategories control={control} onSubmit={onSubmit} />
+        {isSubmitting && (
+          <Box
+            sx={{
+              position: "absolute",
+              width: "100%",
+              height: "100%",
+              opacity: 0.9,
+              zIndex: 9999,
+            }}
+          >
+            <LoadingHardPage
+              width={80}
+              height={80}
+              loading={true}
+              sx={{ position: "absolute" }}
+            />
+          </Box>
+        )}
       </Stack>
     </Stack>
   );
diff --git a/src/lib/hooks/useCallerHistory.js b/src/lib/hooks/useCallerHistory.js
index 90857ba..21cee61 100644
--- a/src/lib/hooks/useCallerHistory.js
+++ b/src/lib/hooks/useCallerHistory.js
@@ -28,7 +28,6 @@ const useCallerHistory = (callId, phoneNumber, maxSize) => {
 
         setHistoryData(unique);
       } catch (error) {
-        console.error("Error fetching caller history:", error);
         setHasError(true);
         setHistoryData([]);
       } finally {