diff --git a/src/renderer/components/maps-mangement-components/filter-panel.component.tsx b/src/renderer/components/maps-mangement-components/filter-panel.component.tsx
index 3d1f743d..7962b23e 100644
--- a/src/renderer/components/maps-mangement-components/filter-panel.component.tsx
+++ b/src/renderer/components/maps-mangement-components/filter-panel.component.tsx
@@ -56,7 +56,7 @@ export function FilterPanel({ className, ref, playlist = false, filter, onChange
     const renderDurationLabel = (sec: number): JSX.Element => {
         const textValue = (() => {
             if (sec === MIN_DURATION) {
-                return "0";
+                return MIN_DURATION;
             }
             if (sec === MAX_DURATION) {
                 return "∞";
@@ -72,7 +72,7 @@ export function FilterPanel({ className, ref, playlist = false, filter, onChange
     const renderNpsLabel = (nps: number): JSX.Element => {
         const textValue = (() => {
             if (nps === MIN_NPS) {
-                return "0"
+                return MIN_NPS;
             }
             if (nps === MAX_NPS) {
                 return "∞";
@@ -170,8 +170,8 @@ export function FilterPanel({ className, ref, playlist = false, filter, onChange
             <div className="w-full h-6 grid grid-cols-2 gap-x-12 px-4 mb-6 pt-1">
               <BsmRange min={MIN_NPS} max={MAX_NPS} values={npss} onChange={onNpssChange} renderLabel={renderNpsLabel} step={0.1} />
               <BsmRange min={MIN_DURATION} max={MAX_DURATION} values={durations} onChange={onDurationsChange} renderLabel={renderDurationLabel} step={5} />
-              <span className=" text-sm font-bold text-center mt-[10px]">{t("maps.map-filter-panel.nps")}</span>
-              <span className=" text-sm font-bold text-center mt-[10px]">{t("maps.map-filter-panel.duration")}</span>
+              <span className=" text-sm font-bold text-center mt-2.5">{t("maps.map-filter-panel.nps")}</span>
+              <span className=" text-sm font-bold text-center mt-2.5">{t("maps.map-filter-panel.duration")}</span>
             </div>
             <div className="w-full h-full flex gap-x-2">
                 <section className="shrink-0">
diff --git a/src/renderer/components/maps-mangement-components/map-item.component.tsx b/src/renderer/components/maps-mangement-components/map-item.component.tsx
index f0e4415d..609792f0 100644
--- a/src/renderer/components/maps-mangement-components/map-item.component.tsx
+++ b/src/renderer/components/maps-mangement-components/map-item.component.tsx
@@ -246,7 +246,7 @@ export const MapItem = memo(({ hash, title, autor, songAutor, coverUrl, songUrl,
 
                     <div className="flex flex-col justify-center items-center gap-1 w-full h-full overflow-hidden opacity-0 group-hover:opacity-100">
                         {onDelete && !downloading && (
-                        <Tippy content={t("maps.map-item.delete")} placement="left" className="!bg-main-color-1" theme="default">
+                        <Tippy content={t("maps.map-item.delete")} placement="left" theme="default">
                             <div>
                                 <BsmButton
                                     className="w-6 h-6 p-[2px] rounded-md !bg-inherit hover:!bg-light-main-color-2 hover:dark:!bg-main-color-2"
@@ -263,7 +263,7 @@ export const MapItem = memo(({ hash, title, autor, songAutor, coverUrl, songUrl,
                         </Tippy>
                         )}
                         {onDownload && !downloading && (
-                        <Tippy content={t("maps.map-item.download")} placement="left" className="!bg-main-color-1" theme="default">
+                        <Tippy content={t("maps.map-item.download")} placement="left" theme="default">
                             <div>
                                 <BsmButton
                                     className="w-6 h-6 p-[2px] rounded-md !bg-inherit hover:!bg-light-main-color-2 hover:dark:!bg-main-color-2"
@@ -321,7 +321,7 @@ export const MapItem = memo(({ hash, title, autor, songAutor, coverUrl, songUrl,
                         </Tippy>
                         )}
                         {mapId && (
-                        <Tippy content={t("maps.map-item.bsr-code")} placement="left" className="!bg-main-color-1" theme="default">
+                        <Tippy content={t("maps.map-item.bsr-code")} placement="left" theme="default">
                             <div>
                             <BsmButton
                                 className="w-6 h-6 p-1 rounded-md !bg-inherit hover:!bg-light-main-color-2 hover:dark:!bg-main-color-2"
diff --git a/src/renderer/index.css b/src/renderer/index.css
index fde11256..46612bfe 100644
--- a/src/renderer/index.css
+++ b/src/renderer/index.css
@@ -80,7 +80,7 @@
 
 .tippy-box[data-theme~='default'] {
     @apply !bg-neutral-900;
-    color: #fff;
+    @apply !text-white;
 }
 
 .tippy-box[data-theme~='default'][data-placement^='top'] > .tippy-arrow::before {