diff --git a/src/components/atoms/icons/icon.tsx b/src/components/atoms/icons/icon.tsx
index 2f99d4d8..48491e6a 100644
--- a/src/components/atoms/icons/icon.tsx
+++ b/src/components/atoms/icons/icon.tsx
@@ -4,12 +4,19 @@ interface Props extends React.HTMLAttributes<HTMLSpanElement> {
   type: string;
   size?: number;
   color?: string;
+  cursor?: string;
 }
 
-const Icon = ({ type, size = 1, color = 'white', onClick }: Props) => (
+const Icon = ({
+  type,
+  size = 1,
+  color = 'white',
+  cursor = 'pointer',
+  onClick,
+}: Props) => (
   <span
     className={`las la-${type}`}
-    style={{ fontSize: `${size}rem`, cursor: 'pointer', color: color }}
+    style={{ fontSize: `${size}rem`, cursor: cursor, color: color }}
     onClick={onClick}
   />
 );
diff --git a/src/components/molecules/tables/eventTable/eventTable.tsx b/src/components/molecules/tables/eventTable/eventTable.tsx
index e173feea..088dafdb 100644
--- a/src/components/molecules/tables/eventTable/eventTable.tsx
+++ b/src/components/molecules/tables/eventTable/eventTable.tsx
@@ -98,11 +98,23 @@ const EventTable = () => {
         return (
           <>
             {active ? (
-              <Icon type="calendar-check" color="green" size={2}></Icon>
+              <Icon
+                type="calendar-check"
+                cursor="default"
+                color="green"
+                size={2}></Icon>
             ) : dateOri.getTime() > dateNow2.getTime() ? (
-              <Icon type="calendar-day" color="orange" size={2}></Icon>
+              <Icon
+                type="calendar-day"
+                cursor="default"
+                color="orange"
+                size={2}></Icon>
             ) : (
-              <Icon type="calendar-times" color="red" size={2}></Icon>
+              <Icon
+                type="calendar-times"
+                cursor="default"
+                color="red"
+                size={2}></Icon>
             )}
           </>
         );
diff --git a/src/components/pages/admin/AdminPage.tsx b/src/components/pages/admin/AdminPage.tsx
index f87fbf36..61bce1d3 100644
--- a/src/components/pages/admin/AdminPage.tsx
+++ b/src/components/pages/admin/AdminPage.tsx
@@ -70,8 +70,55 @@ const AdminPage = () => {
         />
       </div>
       <div className={styles.content}>
-        <h4>{componentKey}</h4>
-        <div style={{ width: '100%', display: 'flex' }}>
+        <div>
+          <h4
+            style={{
+              width: '100%',
+              display: 'flex',
+              justifyContent: 'space-between',
+              alignItems: 'center',
+            }}>
+            <span>{componentKey}</span>
+            {componentKey === 'Events' && (
+              <span style={{ display: 'flex', flexDirection: 'row' }}>
+                <p style={{ fontSize: '20px', margin: '0 8px' }}>
+                  Active:{' '}
+                  <Icon
+                    type="calendar-check"
+                    cursor="default"
+                    color="green"
+                    style={{ fontSize: '20px' }}
+                  />
+                </p>
+                <p style={{ fontSize: '20px', margin: '0 8px' }}>
+                  Upcoming:{' '}
+                  <Icon
+                    type="calendar-day"
+                    cursor="default"
+                    color="orange"
+                    style={{ fontSize: '20px' }}
+                  />
+                </p>
+                <p style={{ fontSize: '20px', margin: '0 8px' }}>
+                  Inactive:{' '}
+                  <Icon
+                    type="calendar-times"
+                    cursor="default"
+                    color="red"
+                    style={{ fontSize: '20px' }}
+                  />
+                </p>
+              </span>
+            )}
+          </h4>
+        </div>
+        <div
+          style={{
+            width: '100%',
+            display: 'flex',
+            gap: '5rem',
+            justifyContent: 'space-between',
+          }}>
           {components[componentKey]}
         </div>
       </div>