diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6007e23..a9f0df7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Changes
 
+## 1.4.6
+
+-Advanced anime window now shows an info icon w/ tooltip showing number of episodes aired for currently releasing anime.
+-Light blue outline will show up when the user is caught up with episodes of currently airing anime.
+-Tooltips except for the top sidebar ones are now all outlined blue.
+
 ## 1.4.5
 
 - For currently airing anime, you can now see how many episodes have aired in grid view.
diff --git a/README.md b/README.md
index 44c48a3..873d0bc 100644
--- a/README.md
+++ b/README.md
@@ -49,7 +49,7 @@ You can download the app [here](https://github.com/ReStartQ/AniCour/releases). C
 
 1. Download the setup file from the latest release and install it on your computer.
 2. The setup file is labeled as AniCour-Setup-x.x.x.exe, where x denotes a number for the version.
-   <br/> **Ex: AniCour-Setup-1.4.5.exe**
+   <br/> **Ex: AniCour-Setup-1.4.6.exe**
 3. When you run the exe file, Windows will give a message like below because there is no code signing certificate, click on "More info" <p align="center"><a href="#"><img src="https://github.com/ReStartQ/anicour/blob/main/images/help/AniCourNoCodeSigningInitial.png" alt="Hello" /></a></p>
 4. A new option will appear, "Run anyway". Click on it. <p align="center"><a href="#"><img src="https://github.com/ReStartQ/anicour/blob/main/images/help/AniCourNoCodeSigning.png" alt="Hello" /></a></p>
 5. The installer menu will open up to allow you to install it on your computer. <p align="center"><a href="#"><img src="https://github.com/ReStartQ/anicour/blob/main/images/help/AniCourInstallationMenu2.png" alt="Hello" /></a></p>
diff --git a/release/app/package-lock.json b/release/app/package-lock.json
index 1a3cbde..e0bed3a 100644
--- a/release/app/package-lock.json
+++ b/release/app/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "anicour",
-  "version": "1.4.5",
+  "version": "1.4.6",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "anicour",
-      "version": "1.4.5",
+      "version": "1.4.6",
       "hasInstallScript": true,
       "license": "GPL-3.0"
     }
diff --git a/release/app/package.json b/release/app/package.json
index 687cc1c..fd4a3ce 100644
--- a/release/app/package.json
+++ b/release/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "anicour",
-  "version": "1.4.5",
+  "version": "1.4.6",
   "description": "Anime, Manga, and Light Novel Tracker Desktop Application for Windows. A fast and interactive way for AniList users to track and manage their anime/manga lists. ",
   "license": "GPL-3.0",
   "author": {
diff --git a/src/renderer/components/app/etc/NextAiringEpisodeIndicator.tsx b/src/renderer/components/app/etc/NextAiringEpisodeIndicator.tsx
new file mode 100644
index 0000000..19d1f26
--- /dev/null
+++ b/src/renderer/components/app/etc/NextAiringEpisodeIndicator.tsx
@@ -0,0 +1,51 @@
+import { Tooltip, Typography } from '@mui/joy';
+import InfoIcon from '@mui/icons-material/Info';
+import NewReleasesIcon from '@mui/icons-material/NewReleases';
+import React from 'react';
+import { Box, IconButton } from '@mui/material';
+
+const NextAiringEpisodeIndicator = ({ props }: any) => {
+  return (
+    <Box display="flex" flexDirection="row">
+      <Typography fontSize={12} fontWeight="bold">
+        {props.type === 'ANIME' ? 'Episodes' : 'Chapters'}
+      </Typography>
+      <Tooltip
+        title={
+          props.nextAiringEpisode.episode === 0
+            ? `${props.nextAiringEpisode.episode} episodes aired`
+            : `${props.nextAiringEpisode.episode - 1} episodes aired`
+        }
+        arrow
+        variant="outlined"
+        color="primary"
+        placement="top"
+      >
+        <IconButton
+          size="small"
+          sx={{
+            padding: 0,
+            ml:
+              props.nextAiringEpisode.episode - 1 <=
+              props.mediaListEntry.progress
+                ? 0.5
+                : 0.6,
+            border:
+              props.nextAiringEpisode.episode - 1 <=
+              props.mediaListEntry.progress
+                ? '2px solid deepskyblue'
+                : null,
+          }}
+        >
+          <InfoIcon
+            sx={{
+              fontSize: '14px',
+            }}
+          />
+        </IconButton>
+      </Tooltip>
+    </Box>
+  );
+};
+
+export default NextAiringEpisodeIndicator;
diff --git a/src/renderer/components/app/etc/ProgressStepper.tsx b/src/renderer/components/app/etc/ProgressStepper.tsx
index 767dd47..1790780 100644
--- a/src/renderer/components/app/etc/ProgressStepper.tsx
+++ b/src/renderer/components/app/etc/ProgressStepper.tsx
@@ -2,10 +2,12 @@ import AddIcon from '@mui/icons-material/Add';
 import RemoveIcon from '@mui/icons-material/Remove';
 import { IconButton, Tooltip, Typography } from '@mui/material';
 import InfoIcon from '@mui/icons-material/Info';
+import NewReleasesIcon from '@mui/icons-material/NewReleases';
 import { useTheme } from '@mui/material/styles';
 import { Box } from '@mui/system';
 import { useEffect, useState } from 'react';
 import { formatProgress } from 'renderer/functions/edit/formatInfo';
+import NextAiringEpisodeIndicator from './NextAiringEpisodeIndicator';
 
 export default function ProgressStepper({
   props,
@@ -42,24 +44,7 @@ export default function ProgressStepper({
       sx={{ gridColumn: '1/2' /* userSelect: 'none' */ }}
     >
       {props.nextAiringEpisode !== null ? (
-        <Box display="flex" flexDirection="row">
-          <Typography fontSize={12} fontWeight="bold">
-            {props.type === 'ANIME' ? 'Episodes' : 'Chapters'}
-          </Typography>
-          <Tooltip
-            title={
-              props.nextAiringEpisode.episode === 0
-                ? `${props.nextAiringEpisode.episode} episodes aired`
-                : `${props.nextAiringEpisode.episode - 1} episodes aired`
-            }
-            arrow
-            placement="top"
-          >
-            <IconButton size="small" sx={{ padding: 0, ml: 0.5 }}>
-              <InfoIcon sx={{ fontSize: '14px' }} />
-            </IconButton>
-          </Tooltip>
-        </Box>
+        <NextAiringEpisodeIndicator props={props} />
       ) : (
         <Typography fontSize={12} fontWeight="bold">
           {props.type === 'ANIME' ? 'Episodes' : 'Chapters'}
@@ -105,3 +90,40 @@ export default function ProgressStepper({
     </Box>
   );
 }
+
+/*
+      {props.nextAiringEpisode !== null ? (
+        <Box display="flex" flexDirection="row">
+          <Typography fontSize={12} fontWeight="bold">
+            {props.type === 'ANIME' ? 'Episodes' : 'Chapters'}
+          </Typography>
+          <Tooltip
+            title={
+              props.nextAiringEpisode.episode === 0
+                ? `${props.nextAiringEpisode.episode} episodes aired`
+                : `${props.nextAiringEpisode.episode - 1} episodes aired`
+            }
+            arrow
+            placement="top"
+          >
+            <IconButton size="small" sx={{ padding: 0, ml: 0.5 }}>
+              <InfoIcon
+                sx={{
+                  fontSize: '14px',
+                  color:
+                    props.nextAiringEpisode.episode - 1 <=
+                    props.mediaListEntry.progress
+                      ? '#4CBB17'
+                      : 'white',
+
+                    }}
+                    />
+                  </IconButton>
+                </Tooltip>
+              </Box>
+            ) : (
+              <Typography fontSize={12} fontWeight="bold">
+                {props.type === 'ANIME' ? 'Episodes' : 'Chapters'}
+              </Typography>
+            )}
+*/
diff --git a/src/renderer/components/app/main/MediaCard.tsx b/src/renderer/components/app/main/MediaCard.tsx
index cab664c..9128c47 100644
--- a/src/renderer/components/app/main/MediaCard.tsx
+++ b/src/renderer/components/app/main/MediaCard.tsx
@@ -5,7 +5,6 @@ import {
   IconButton,
   Snackbar,
   SvgIcon,
-  Tooltip,
 } from '@mui/material';
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
@@ -45,6 +44,7 @@ import {
 } from 'renderer/store';
 import { useAdvancedMedia } from 'renderer/context/advanced/AdvancedMediaContext';
 import { useCategory } from 'renderer/context/CategoryContext';
+import { Tooltip } from '@mui/joy';
 import ContextMenu from '../etc/ContextMenu';
 import ProgressStepper from '../etc/ProgressStepper';
 import ProgressVolumesStepper from '../etc/ProgressVolumesStepper';
@@ -283,7 +283,12 @@ export default function MediaCard({ props }: any) {
           }}
         />
         {props.mediaListEntry.notes !== null ? (
-          <Tooltip title={props.mediaListEntry.notes} arrow>
+          <Tooltip
+            title={props.mediaListEntry.notes}
+            arrow
+            variant="outlined"
+            color="primary"
+          >
             <Box
               sx={{
                 position: 'absolute',
diff --git a/src/renderer/components/app/main/MediaCardCompact.tsx b/src/renderer/components/app/main/MediaCardCompact.tsx
index c320e6b..4f1d499 100644
--- a/src/renderer/components/app/main/MediaCardCompact.tsx
+++ b/src/renderer/components/app/main/MediaCardCompact.tsx
@@ -1,4 +1,4 @@
-import { CardActionArea, Tooltip, Typography } from '@mui/material';
+import { CardActionArea, Typography } from '@mui/material';
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
 import CardMedia from '@mui/material/CardMedia';
@@ -7,6 +7,7 @@ import { useTitle } from 'renderer/context/TitleContext';
 import getStatusColor from 'renderer/functions/StatusFunction';
 import { getTitle } from 'renderer/functions/view/TitlePreferenceFunctions';
 import { useAdvancedMedia } from 'renderer/context/advanced/AdvancedMediaContext';
+import { Tooltip } from '@mui/joy';
 import ContextMenuAlternative from '../etc/ContextMenuAlternative';
 import ContextMenu from '../etc/ContextMenu';
 import { MediaIcons } from '../etc/SvgIcons';
@@ -68,7 +69,12 @@ export default function MediaCardCompact({ props }: any) {
           }}
         />
         {props.mediaListEntry.notes !== null ? (
-          <Tooltip title={props.mediaListEntry.notes} arrow>
+          <Tooltip
+            title={props.mediaListEntry.notes}
+            arrow
+            variant="outlined"
+            color="primary"
+          >
             <Box
               sx={{
                 position: 'absolute',
diff --git a/src/renderer/components/app/search/FilterSelect.tsx b/src/renderer/components/app/search/FilterSelect.tsx
index 247da68..e54dcc6 100644
--- a/src/renderer/components/app/search/FilterSelect.tsx
+++ b/src/renderer/components/app/search/FilterSelect.tsx
@@ -7,8 +7,9 @@ import FilterAltIcon from '@mui/icons-material/FilterAlt';
 import FilterListIcon from '@mui/icons-material/FilterList';
 import { useAtom } from 'jotai';
 import { filterTypeAtom } from 'renderer/store';
-import { Box, Tooltip } from '@mui/material';
+import { Box } from '@mui/material';
 import { useSidebarButton } from 'renderer/context/SidebarContext';
+import { Tooltip } from '@mui/joy';
 import { StyledMenu } from '../styled/StyledComponents';
 
 const options = [
@@ -51,6 +52,8 @@ export default function FilterSelect() {
           filterType === 'All' ? 'Filter by' : `Filtered by: ${filterType}`
         }
         arrow
+        variant="outlined"
+        color="primary"
       >
         <IconButton
           aria-label="more"
diff --git a/src/renderer/components/app/search/SearchMediaCard.tsx b/src/renderer/components/app/search/SearchMediaCard.tsx
index 127c8cd..94d4be3 100644
--- a/src/renderer/components/app/search/SearchMediaCard.tsx
+++ b/src/renderer/components/app/search/SearchMediaCard.tsx
@@ -1,6 +1,6 @@
 import PlaylistAddCheckIcon from '@mui/icons-material/PlaylistAddCheck';
 import PlaylistAddCheckCircleIcon from '@mui/icons-material/PlaylistAddCheckCircle';
-import { CardActionArea, Tooltip } from '@mui/material';
+import { CardActionArea } from '@mui/material';
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
 import CardContent from '@mui/material/CardContent';
@@ -25,6 +25,7 @@ import { useAniListToken } from 'renderer/context/services/AniListTokenContext';
 import { useAdult } from 'renderer/context/AdultContext';
 import { useSearchQuery } from 'renderer/functions/SearchFunctions';
 import { useAdvancedMedia } from 'renderer/context/advanced/AdvancedMediaContext';
+import { Tooltip } from '@mui/joy';
 import ContextMenu from '../etc/ContextMenu';
 
 export default function SearchMediaCard({ props }: any) {
@@ -106,7 +107,7 @@ export default function SearchMediaCard({ props }: any) {
           }}
         />
         {props.mediaListEntry !== null ? (
-          <Tooltip title="On List" arrow>
+          <Tooltip title="On List" arrow variant="outlined" color="primary">
             <PlaylistAddCheckCircleIcon
               sx={{
                 position: 'absolute',
diff --git a/src/renderer/components/app/search/SearchMediaCardCompact.tsx b/src/renderer/components/app/search/SearchMediaCardCompact.tsx
index ccdf418..68a3e2b 100644
--- a/src/renderer/components/app/search/SearchMediaCardCompact.tsx
+++ b/src/renderer/components/app/search/SearchMediaCardCompact.tsx
@@ -1,6 +1,6 @@
 import PlaylistAddCheckIcon from '@mui/icons-material/PlaylistAddCheck';
 import PlaylistAddCheckCircleIcon from '@mui/icons-material/PlaylistAddCheckCircle';
-import { CardActionArea, Tooltip, Typography } from '@mui/material';
+import { CardActionArea, Typography } from '@mui/material';
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
 import CardMedia from '@mui/material/CardMedia';
@@ -15,6 +15,7 @@ import { useAniListToken } from 'renderer/context/services/AniListTokenContext';
 import { useAdult } from 'renderer/context/AdultContext';
 import { useSearchQuery } from 'renderer/functions/SearchFunctions';
 import { useAdvancedMedia } from 'renderer/context/advanced/AdvancedMediaContext';
+import { Tooltip } from '@mui/joy';
 import ContextMenu from '../etc/ContextMenu';
 
 export default function SearchMediaCardCompact({ props }: any) {
@@ -123,7 +124,7 @@ export default function SearchMediaCardCompact({ props }: any) {
           }}
         />
         {props.mediaListEntry !== null ? (
-          <Tooltip title="On List" arrow>
+          <Tooltip title="On List" arrow variant="outlined" color="primary">
             <PlaylistAddCheckCircleIcon
               sx={{
                 position: 'absolute',
diff --git a/src/renderer/components/app/seasons/SeasonMediaCard.tsx b/src/renderer/components/app/seasons/SeasonMediaCard.tsx
index 78e9339..74dccd1 100644
--- a/src/renderer/components/app/seasons/SeasonMediaCard.tsx
+++ b/src/renderer/components/app/seasons/SeasonMediaCard.tsx
@@ -1,6 +1,6 @@
 import PlaylistAddCheckIcon from '@mui/icons-material/PlaylistAddCheck';
 import PlaylistAddCheckCircleIcon from '@mui/icons-material/PlaylistAddCheckCircle';
-import { CardActionArea, Tooltip } from '@mui/material';
+import { CardActionArea } from '@mui/material';
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
 import CardContent from '@mui/material/CardContent';
@@ -23,6 +23,7 @@ import { useAniListToken } from 'renderer/context/services/AniListTokenContext';
 import { useAniListUsername } from 'renderer/context/services/AniListUsernameContext';
 import { useAdult } from 'renderer/context/AdultContext';
 import { useAdvancedMedia } from 'renderer/context/advanced/AdvancedMediaContext';
+import { Tooltip } from '@mui/joy';
 import ContextMenu from '../etc/ContextMenu';
 
 export const SeasonMediaCard = ({ props }: any) => {
@@ -84,6 +85,7 @@ export const SeasonMediaCard = ({ props }: any) => {
   return (
     <Card
       variant="outlined"
+      color="primary"
       sx={{
         display: 'grid',
         gridTemplateColumns: '140px 220px',
@@ -122,7 +124,7 @@ export const SeasonMediaCard = ({ props }: any) => {
           }}
         />
         {props.mediaListEntry !== null ? (
-          <Tooltip title="On List" arrow>
+          <Tooltip title="On List" arrow variant="outlined" color="primary">
             <PlaylistAddCheckCircleIcon
               sx={{
                 position: 'absolute',
diff --git a/src/renderer/components/app/seasons/SeasonMediaCardCompact.tsx b/src/renderer/components/app/seasons/SeasonMediaCardCompact.tsx
index 21e6f0d..56eae76 100644
--- a/src/renderer/components/app/seasons/SeasonMediaCardCompact.tsx
+++ b/src/renderer/components/app/seasons/SeasonMediaCardCompact.tsx
@@ -1,6 +1,6 @@
 import PlaylistAddCheckIcon from '@mui/icons-material/PlaylistAddCheck';
 import PlaylistAddCheckCircleIcon from '@mui/icons-material/PlaylistAddCheckCircle';
-import { CardActionArea, Tooltip, Typography } from '@mui/material';
+import { CardActionArea, Typography } from '@mui/material';
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
 import CardMedia from '@mui/material/CardMedia';
@@ -19,6 +19,7 @@ import { useAniListToken } from 'renderer/context/services/AniListTokenContext';
 import { useAniListUsername } from 'renderer/context/services/AniListUsernameContext';
 import { useAdult } from 'renderer/context/AdultContext';
 import { useAdvancedMedia } from 'renderer/context/advanced/AdvancedMediaContext';
+import { Tooltip } from '@mui/joy';
 import ContextMenu from '../etc/ContextMenu';
 
 export default function SeasonMediaCardCompact({ props }: any) {
@@ -76,6 +77,7 @@ export default function SeasonMediaCardCompact({ props }: any) {
   return (
     <Card
       variant="outlined"
+      color="primary"
       sx={{
         width: '140px',
         height: '200px',
@@ -105,7 +107,7 @@ export default function SeasonMediaCardCompact({ props }: any) {
           }}
         />
         {props.mediaListEntry !== null ? (
-          <Tooltip title="On List" arrow>
+          <Tooltip title="On List" arrow variant="outlined" color="primary">
             <PlaylistAddCheckCircleIcon
               sx={{
                 position: 'absolute',
diff --git a/src/renderer/components/mediaAdvanced/entryInput/onList/ProgressInput.tsx b/src/renderer/components/mediaAdvanced/entryInput/onList/ProgressInput.tsx
index 7399416..2e73208 100644
--- a/src/renderer/components/mediaAdvanced/entryInput/onList/ProgressInput.tsx
+++ b/src/renderer/components/mediaAdvanced/entryInput/onList/ProgressInput.tsx
@@ -1,8 +1,10 @@
-import { FormControl, FormLabel, Input } from '@mui/joy';
+import { FormControl, FormLabel, Input, Tooltip } from '@mui/joy';
 import { forwardRef } from 'react';
 import { useAdvancedInput } from 'renderer/context/advanced/AdvancedInputContext';
 import { useAdvancedMedia } from 'renderer/context/advanced/AdvancedMediaContext';
 import { getMaxValueEpisodesOrChapters } from 'renderer/functions/input/InputFunctions';
+import InfoIcon from '@mui/icons-material/Info';
+import { IconButton } from '@mui/material';
 
 export default function ProgressInput() {
   const myAdvancedMedia: any = useAdvancedMedia();
@@ -63,6 +65,47 @@ export default function ProgressInput() {
             `
           : `Chapters:
             `}
+        {myAdvancedMedia.advancedMedia.nextAiringEpisode !== null ? (
+          <Tooltip
+            title={
+              myAdvancedMedia.advancedMedia.nextAiringEpisode.episode === 0
+                ? `${myAdvancedMedia.advancedMedia.nextAiringEpisode.episode} episodes aired`
+                : `${
+                    myAdvancedMedia.advancedMedia.nextAiringEpisode.episode - 1
+                  } episodes aired`
+            }
+            placement="top"
+            variant="outlined"
+            color="primary"
+          >
+            <IconButton
+              size="small"
+              sx={{
+                padding: 0,
+                ml: 0.5,
+                border:
+                  myAdvancedMedia.advancedMedia.nextAiringEpisode.episode - 1 <=
+                  myAdvancedMedia.advancedMedia.mediaListEntry.progress
+                    ? '2px solid deepskyblue'
+                    : null,
+              }}
+            >
+              <InfoIcon
+                sx={{
+                  fontSize: '14px',
+                  /*
+                  color:
+                    myAdvancedMedia.advancedMedia.nextAiringEpisode.episode -
+                      1 <=
+                    myAdvancedMedia.advancedMedia.mediaListEntry.progress
+                      ? '#4CBB17'
+                      : 'white',
+                  */
+                }}
+              />
+            </IconButton>
+          </Tooltip>
+        ) : null}
       </FormLabel>
       <Input
         size="sm"
diff --git a/src/renderer/components/mediaAdvanced/image/AdvancedImage.tsx b/src/renderer/components/mediaAdvanced/image/AdvancedImage.tsx
index ae874cb..6bcdf4f 100644
--- a/src/renderer/components/mediaAdvanced/image/AdvancedImage.tsx
+++ b/src/renderer/components/mediaAdvanced/image/AdvancedImage.tsx
@@ -1,4 +1,5 @@
-import { Box, CardActionArea, Tooltip } from '@mui/material';
+import { Tooltip } from '@mui/joy';
+import { Box, CardActionArea } from '@mui/material';
 import { useTitle } from 'renderer/context/TitleContext';
 import { useAdvancedDefaultLink } from 'renderer/context/advanced/AdvancedDefaultLinkContext';
 import { useAdvancedMedia } from 'renderer/context/advanced/AdvancedMediaContext';
@@ -11,13 +12,15 @@ export default function AdvancedImage() {
 
   return (
     <Tooltip
+      variant="outlined"
+      color="primary"
       title={
         myAdvancedDefaultLink.advancedDefaultLink === 'AniList'
           ? 'Go to AniList'
           : 'Go to MyAnimeList'
       }
       followCursor
-      placement="bottom-start"
+      placement="right-end"
     >
       <CardActionArea
         sx={{
diff --git a/src/renderer/components/mediaAdvanced/information/AdvancedInformationDefault.tsx b/src/renderer/components/mediaAdvanced/information/AdvancedInformationDefault.tsx
index b3e7bc3..a485ca0 100644
--- a/src/renderer/components/mediaAdvanced/information/AdvancedInformationDefault.tsx
+++ b/src/renderer/components/mediaAdvanced/information/AdvancedInformationDefault.tsx
@@ -7,7 +7,6 @@ import {
   CardContent,
   Divider,
   IconButton,
-  Tooltip,
   Typography,
 } from '@mui/material';
 import { useAdvancedMedia } from 'renderer/context/advanced/AdvancedMediaContext';
@@ -20,6 +19,7 @@ import {
   formatType,
 } from 'renderer/functions/edit/formatInfo';
 import getStatusColor from 'renderer/functions/StatusFunction';
+import { Tooltip } from '@mui/joy';
 import AdvancedExtraSelect from '../extra/AdvancedExtraSelect';
 
 const AdvancedInformationDefault = () => {
@@ -197,6 +197,8 @@ const AdvancedInformationDefault = () => {
         </Typography>
       ) : null}
       <Tooltip
+        variant="outlined"
+        color="primary"
         title={
           myAdvancedMedia.advancedMedia.type === 'ANIME' ? (
             <>
@@ -266,6 +268,8 @@ const AdvancedInformationDefault = () => {
         )}
       </Tooltip>
       <Tooltip
+        variant="outlined"
+        color="primary"
         title={
           <Typography fontSize={12}>
             <Typography fontSize={12} fontWeight="bold" display="inline">
@@ -322,6 +326,8 @@ const AdvancedInformationDefault = () => {
         </Typography>
       </Tooltip>
       <Tooltip
+        variant="outlined"
+        color="primary"
         title={
           <Typography fontSize={12}>
             <Typography fontSize={12} fontWeight="bold" display="inline">
diff --git a/src/renderer/components/mediaAdvanced/title/AdvancedTitle.tsx b/src/renderer/components/mediaAdvanced/title/AdvancedTitle.tsx
index 5be64a1..faaf065 100644
--- a/src/renderer/components/mediaAdvanced/title/AdvancedTitle.tsx
+++ b/src/renderer/components/mediaAdvanced/title/AdvancedTitle.tsx
@@ -1,4 +1,5 @@
-import { CardContent, Tooltip, Typography } from '@mui/material';
+import { Tooltip } from '@mui/joy';
+import { CardContent, Typography } from '@mui/material';
 import { useEffect, useRef, useState } from 'react';
 import { useTitle } from 'renderer/context/TitleContext';
 import { useAdvancedMedia } from 'renderer/context/advanced/AdvancedMediaContext';
@@ -33,6 +34,9 @@ export default function AdvancedTitle() {
         title={getTitle(titlePreference.title, myAdvancedMedia.advancedMedia)}
         followCursor
         disableHoverListener={!isOverflowed}
+        variant="outlined"
+        color="primary"
+        size="sm"
       >
         <Typography noWrap fontWeight="bold" ref={textElementRef}>
           {getTitle(titlePreference.title, myAdvancedMedia.advancedMedia)}