diff --git a/src/common/Chips/Chip/Chip.less b/src/common/Chips/Chip/Chip.less
index 2adbcb727..b71a7b6b6 100644
--- a/src/common/Chips/Chip/Chip.less
+++ b/src/common/Chips/Chip/Chip.less
@@ -20,14 +20,16 @@
     background-color: transparent;
     user-select: none;
     overflow: hidden;
+    opacity: 0.6;
 
     &:hover {
         background-color: var(--overlay-color);
         transition: background-color 0.1s ease-out;
+        opacity: 1;
     }
 
     &.active {
-        font-weight: 700;
+        opacity: 1;
         background-color: var(--quaternary-accent-color);
         transition: background-color 0.1s ease-in;
     }
diff --git a/src/common/PaginationInput/styles.less b/src/common/PaginationInput/styles.less
index ecf6c56a4..9005fefa5 100644
--- a/src/common/PaginationInput/styles.less
+++ b/src/common/PaginationInput/styles.less
@@ -17,6 +17,12 @@
         .icon {
             display: block;
             color: var(--primary-foreground-color);
+            opacity: 0.7;
+            transition: opacity 0.2s ease-in-out;
+
+            &:hover {
+                opacity: 1;
+            }
         }
     }
 
diff --git a/src/routes/Calendar/Calendar.tsx b/src/routes/Calendar/Calendar.tsx
index 65ad50a0b..267d6f523 100644
--- a/src/routes/Calendar/Calendar.tsx
+++ b/src/routes/Calendar/Calendar.tsx
@@ -2,11 +2,11 @@
 
 import React, { useState } from 'react';
 import { MainNavBars, PaginationInput, useProfile, withCoreSuspender } from 'stremio/common';
+import Table from './Table';
+import List from './List';
+import Placeholder from './Placeholder';
 import useCalendar from './useCalendar';
 import useSelectableInputs from './useSelectableInputs';
-import Table from './Table/Table';
-import List from './List/List';
-import Placeholder from './Placeholder/Placeholder';
 import styles from './Calendar.less';
 
 type Props = {
diff --git a/src/routes/Calendar/List/Item/index.ts b/src/routes/Calendar/List/Item/index.ts
new file mode 100644
index 000000000..2ad36845c
--- /dev/null
+++ b/src/routes/Calendar/List/Item/index.ts
@@ -0,0 +1,5 @@
+// Copyright (C) 2017-2024 Smart code 203358507
+
+import Item from './Item';
+
+export default Item;
\ No newline at end of file
diff --git a/src/routes/Calendar/List/List.tsx b/src/routes/Calendar/List/List.tsx
index 78e444362..13745e380 100644
--- a/src/routes/Calendar/List/List.tsx
+++ b/src/routes/Calendar/List/List.tsx
@@ -1,7 +1,7 @@
 // Copyright (C) 2017-2024 Smart code 203358507
 
 import React, { useMemo } from 'react';
-import Item from './Item/Item';
+import Item from './Item';
 import styles from './List.less';
 
 type Props = {
diff --git a/src/routes/Calendar/List/index.ts b/src/routes/Calendar/List/index.ts
new file mode 100644
index 000000000..60ed2cd85
--- /dev/null
+++ b/src/routes/Calendar/List/index.ts
@@ -0,0 +1,5 @@
+// Copyright (C) 2017-2024 Smart code 203358507
+
+import List from './List';
+
+export default List;
\ No newline at end of file
diff --git a/src/routes/Calendar/Placeholder/index.ts b/src/routes/Calendar/Placeholder/index.ts
new file mode 100644
index 000000000..9982f89a2
--- /dev/null
+++ b/src/routes/Calendar/Placeholder/index.ts
@@ -0,0 +1,5 @@
+// Copyright (C) 2017-2024 Smart code 203358507
+
+import Placeholder from './Placeholder';
+
+export default Placeholder;
\ No newline at end of file
diff --git a/src/routes/Calendar/Table/Cell/index.ts b/src/routes/Calendar/Table/Cell/index.ts
new file mode 100644
index 000000000..487e0fa63
--- /dev/null
+++ b/src/routes/Calendar/Table/Cell/index.ts
@@ -0,0 +1,5 @@
+// Copyright (C) 2017-2024 Smart code 203358507
+
+import Cell from './Cell';
+
+export default Cell;
\ No newline at end of file
diff --git a/src/routes/Calendar/Table/index.ts b/src/routes/Calendar/Table/index.ts
new file mode 100644
index 000000000..1cabcf509
--- /dev/null
+++ b/src/routes/Calendar/Table/index.ts
@@ -0,0 +1,5 @@
+// Copyright (C) 2017-2024 Smart code 203358507
+
+import Table from './Table';
+
+export default Table;
\ No newline at end of file