diff --git a/ipi-survey-platform/src/components/admin/SubmissionTable.jsx b/ipi-survey-platform/src/components/admin/SubmissionTable.jsx
index 8a2ddde..a44743a 100644
--- a/ipi-survey-platform/src/components/admin/SubmissionTable.jsx
+++ b/ipi-survey-platform/src/components/admin/SubmissionTable.jsx
@@ -1,7 +1,10 @@
-import React, { useMemo } from 'react';
+import React, { useState, useMemo } from 'react';
 import Table from '@/components/common/Table';
+// Import SVG files as URLs in Vite
 import SearchIcon from '@/assets/images/material-symbols_search-rounded.svg';
-import { CheckCircle, XCircle, Eye } from 'lucide-react';
+import CheckCircle from '@/assets/images/check-circle-fill 1.svg';
+import XCircle from '@/assets/images/warning-circle-fill 1.svg';
+import EyeIcon from '@/assets/images/User-active.svg';
 
 const submissions = [
   {
@@ -97,8 +100,19 @@ const submissions = [
 ];
 
 const SubmissionTable = () => {
-  const [search, setSearch] = React.useState('');
+  const [search, setSearch] = useState('');
+  const [selectedYear, setSelectedYear] = useState('2025');
+  const [selectedQuarter, setSelectedQuarter] = useState('Q4');
+  const [loading, setLoading] = useState(false);
 
+  // Filter submissions by selected year and quarter
+  const filteredByQuarterYear = useMemo(() => {
+    return submissions.filter(
+      (item) => item.year === selectedYear && item.quarter === selectedQuarter
+    );
+  }, [selectedYear, selectedQuarter]);
+
+  // Apply search filter to the filteredByQuarterYear results
   const filtered = useMemo(() => {
     if (!search.trim()) return filteredByQuarterYear;
     const normalized = search.trim().toLowerCase();
@@ -162,9 +176,9 @@ const SubmissionTable = () => {
     item.reviewer,
     item.reviewedOn,
     <div className="flex items-center justify-center gap-3">
-      <CheckCircle className="text-green-600 w-5 h-5 cursor-pointer hover:scale-110 transition-transform" />
-      <XCircle className="text-red-500 w-5 h-5 cursor-pointer hover:scale-110 transition-transform" />
-      <Eye className="text-gray-500 w-5 h-5 cursor-pointer hover:scale-110 transition-transform" />
+      <img src={CheckCircle} alt="Approve" className="text-green-600 w-5 h-5 cursor-pointer hover:scale-110 transition-transform" />
+      <img src={XCircle} alt="Reject" className="text-red-500 w-5 h-5 cursor-pointer hover:scale-110 transition-transform" />
+      <img src={EyeIcon} alt="View" className="text-gray-500 w-5 h-5 cursor-pointer hover:scale-110 transition-transform" />
     </div>,
   ]);
 
diff --git a/ipi-survey-platform/src/pages/Admin/AdminDashboard.jsx b/ipi-survey-platform/src/pages/Admin/AdminDashboard.jsx
index d99c8fa..46feedd 100644
--- a/ipi-survey-platform/src/pages/Admin/AdminDashboard.jsx
+++ b/ipi-survey-platform/src/pages/Admin/AdminDashboard.jsx
@@ -8,7 +8,7 @@ import ApprovedIcon from '@/assets/images/check-circle-fill 1-approved.svg';
 import RejectedIcon from '@/assets/images/warning-circle-fill 1.svg';
 import OverdueIcon from '@/assets/images/warning-fill 1.svg';
 import PendingIcon from '@/assets/images/info-fill 1.svg';
-import { apiClient } from '@/services/api/APIClient';
+import apiClient from '@/services/api/apiClient';
 
 const AdminDashboard = () => {
   const [summary, setSummary] = useState({