diff --git a/static/css/style-imageviewer.css b/static/css/style-imageviewer.css
index e486480..f9e44ed 100644
--- a/static/css/style-imageviewer.css
+++ b/static/css/style-imageviewer.css
@@ -101,6 +101,15 @@
     cursor: pointer;
 }
 
+
+
+.search-type-icons {
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+    gap: 32px;
+}
+
 /* Viewer Image Link */
 #viewer-image-link {
     text-decoration: none;
@@ -173,8 +182,8 @@
         padding-bottom: 10px;
     }
 
-    .material-icons-round {
-        font-size: 32px;
+    .search-type-icons {
+        gap: 16px;
     }
 
     #viewer-image-container {
diff --git a/static/css/style-map.css b/static/css/style-map.css
new file mode 100644
index 0000000..92b1337
--- /dev/null
+++ b/static/css/style-map.css
@@ -0,0 +1,110 @@
+.leaflet-control-layers-toggle {
+    background-color: var(--button) !important;
+    border: 1px solid var(--border) !important;
+    color: var(--fg) !important;
+}
+
+.leaflet-bar a,
+.leaflet-bar a:hover {
+    background-color: var(--button) !important;
+    border: 1px solid var(--border) !important;
+    color: var(--fg) !important;
+}
+
+.leaflet-popup-content-wrapper,
+.leaflet-popup-tip {
+    background: var(--html-bg) !important;
+    color: var(--text-color) !important;
+    border: 1px solid var(--border) !important;
+}
+
+.leaflet-popup-content-wrapper a {
+    color: var(--link) !important;
+}
+
+.leaflet-popup-content-wrapper a:hover {
+    text-decoration: underline;
+}
+
+/* Leaflet control buttons */
+.leaflet-control-locate,
+.leaflet-control-layers-toggle {
+    background-color: var(--button) !important;
+    border: 1px solid var(--border) !important;
+    color: var(--fg) !important;
+}
+
+.leaflet-bar a,
+.leaflet-bar a:hover {
+    background-color: var(--button) !important;
+    border: 1px solid var(--border) !important;
+    color: var(--fg) !important;
+}
+
+.leaflet-popup-content-wrapper,
+.leaflet-popup-tip {
+    background: var(--html-bg) !important;
+    color: var(--text-color) !important;
+    border: 1px solid var(--border) !important;
+}
+
+.leaflet-popup-content-wrapper a {
+    color: var(--link) !important;
+}
+
+.leaflet-popup-content-wrapper a:hover {
+    text-decoration: underline;
+}
+
+/* Leaflet attribution control */
+.leaflet-control-attribution {
+    background: var(--button) !important;
+    border: 1px solid var(--border) !important;
+    color: var(--fg) !important;
+}
+
+.leaflet-control-attribution a {
+    color: var(--link) !important;
+}
+
+.leaflet-control-attribution a:hover {
+    text-decoration: underline !important;
+}
+
+/* Leaflet scale control */
+.leaflet-control-scale {
+    background: var(--button) !important;
+    border: 1px solid var(--border) !important;
+    color: var(--fg) !important;
+    text-shadow: 1px 1px 2px var(--border) !important;
+}
+
+.leaflet-control-scale-line {
+    background: var(--button) !important;
+    border: 1px solid var(--border) !important;
+    color: var(--fg) !important;
+    text-shadow: 1px 1px 2px var(--border) !important;
+}
+
+/* Ensuring dark theme compliance */
+@media (prefers-color-scheme: dark) {
+
+    .leaflet-control-locate,
+    .leaflet-control-layers-toggle,
+    .leaflet-bar a,
+    .leaflet-bar a:hover,
+    .leaflet-popup-content-wrapper,
+    .leaflet-popup-tip,
+    .leaflet-control-attribution,
+    .leaflet-control-scale,
+    .leaflet-control-scale-line {
+        background-color: var(--button) !important;
+        border: 1px solid var(--border) !important;
+        color: var(--fg) !important;
+        text-shadow: 1px 1px 2px var(--background-color) !important;
+    }
+
+    .leaflet-control-attribution a {
+        color: var(--link) !important;
+    }
+}
\ No newline at end of file
diff --git a/static/css/style-settings.css b/static/css/style-settings.css
index 3df382a..73e73e8 100644
--- a/static/css/style-settings.css
+++ b/static/css/style-settings.css
@@ -7,6 +7,7 @@
     object-position: center;
     vertical-align: bottom;
     border-radius: 4px;
+    position: relative;
 }
 
 .theme-link {
@@ -34,25 +35,34 @@
 } */
 
 .theme-tooltip {
-    display: none;
-    /* Hidden by default */
     position: absolute;
-    bottom: 10px;
-    /* Position at the bottom of the image */
     left: 50%;
-    transform: translateX(-50%);
-    background-color: rgba(0, 0, 0, 0.7);
-    /* Semi-transparent background */
-    color: #fff;
-    padding: 5px 10px;
-    border-radius: 4px;
+    bottom: 14px;
+    transform: translateX(-50%) translateY(100%);
+    background: var(--search-bg);
+    color: var(--font-fg);
     font-size: 14px;
+    padding: 7px 14px;
+    border-radius: 6px;
+    box-shadow: 0 5px 24px 0 rgba(0,0,0,0.25);
+    opacity: 0;
+    pointer-events: none;
+    z-index: 5;
     white-space: nowrap;
+    transition: opacity 0.22s cubic-bezier(.7, .1, .6, 1), transform 0.22s cubic-bezier(.7, .1, .6, 1);
 }
 
-.theme-link:hover .theme-tooltip {
-    display: block;
-    /* Show tooltip on hover */
+.theme-link:hover .theme-tooltip,
+.theme-link:focus .theme-tooltip {
+    opacity: 1;
+    transform: translateX(-50%) translateY(0);
+    pointer-events: auto;
+}
+
+.theme-link.show-tooltip .theme-tooltip {
+    opacity: 1;
+    transform: translateX(-50%) translateY(0);
+    pointer-events: auto;
 }
 
 .themes-settings-menu {
diff --git a/static/css/style.css b/static/css/style.css
index 0d0a76f..395d67c 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -28,8 +28,7 @@
     font-feature-settings: 'liga';
 }
 
-#search-wrapper-ico,
-#clearSearch {
+#search-wrapper-ico {
     background: none;
     border: none;
     color: var(--fg);
@@ -39,8 +38,7 @@
     cursor: pointer;
 }
 
-#search-wrapper-ico:hover,
-#clearSearch:hover {
+#search-wrapper-ico:hover {
     transition: all .3s ease;
     color: var(--font-fg);
 }
@@ -55,11 +53,6 @@
     margin-right: 0px;
 }
 
-#clearSearch {
-    right: 40px;
-    visibility: hidden;
-}
-
 .fetched_dif_videos {
     margin-top: 110px !important;
 }
@@ -73,11 +66,6 @@
     margin-top: 10px;
 }
 
-.fetched_img {
-    margin-left: 1.2% !important;
-    left: 0px !important;
-}
-
 .clean {
     margin-top: 30px;
     max-width: 775px;
@@ -119,14 +107,6 @@ html {
     font-size: 16px;
 }
 
-#info_font {
-    font-size: 15px;
-}
-
-.emoji-code {
-    font-family: Arial, Helvetica, sans-serif;
-}
-
 /* container */
 
 .images {
@@ -146,32 +126,11 @@ html {
     transition: outline 0.3s ease, transform 0.3s ease;
 }
 
-.image_selected {
-    border-color: var(--search-bg);
-}
-
 .image>a {
     position: relative;
     text-decoration: none;
 }
 
-/* 
-.image .resolution {
-    position: absolute;
-    opacity: 0;
-    top: calc(100% - 25px);
-    left: 5px;
-    font-size: 12px;
-    background-color: var(--view-image-color);
-    color: var(--fg);
-    border-radius: 4px;
-    height: 18px;
-    display: flex;
-    align-items: center;
-    transition: .3s;
-    padding: 0 2px;
-} */
-
 .image img {
     transition: .3s;
 }
@@ -184,8 +143,7 @@ html {
     box-shadow: 0 14px 28px var(--view-image-color);
 }
 
-.img_title,
-.img_source {
+.img_title {
     display: block;
     position: absolute;
     width: 100%;
@@ -201,11 +159,6 @@ html {
     color: var(--blue);
 }
 
-.img_source {
-    padding: 1.8rem 0 0 0;
-    font-size: .7rem;
-}
-
 .image img {
     margin: 0;
     padding: 0;
@@ -218,11 +171,6 @@ html {
     border: 1px solid var(--border);
 }
 
-.image_selected {
-    outline: 1px solid var(--border);
-    transform: scale(1.05);
-}
-
 .image>a {
     position: relative;
     text-decoration: none;
@@ -296,58 +244,6 @@ html {
     width: fit-content;
 }
 
-.view-image {
-    background-color: var(--view-image-color);
-    width: 100%;
-    height: auto;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.view-image img {
-    max-width: 100%;
-    max-height: 427px;
-}
-
-.image_view a {
-    text-decoration: none;
-    color: var(--link);
-    font-size: 14px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.image_view a:hover {
-    text-decoration: underline;
-}
-
-.image_view p {
-    margin-left: 20px;
-    margin-right: 20px;
-    display: block;
-}
-
-.image_view a {
-    display: block;
-}
-
-hr {
-    border: 0;
-    border-top: 1px solid var(--border);
-    margin: 0;
-    padding: 0;
-}
-
-.image_hide {
-    display: none !important;
-}
-
-.image_show {
-    display: block !important;
-}
-
 .icon_visibility {
     visibility: visible;
 }
@@ -488,11 +384,7 @@ this is so stupid, separate css into general style and per result page css style
 }
 
 #theme,
-#safe,
-#open-new-tab,
-#domain,
-#javascript-setting,
-#ux_lang {
+#safe {
     border-radius: 4px;
     padding: 6px;
     font-size: 15px;
@@ -505,26 +397,11 @@ this is so stupid, separate css into general style and per result page css style
 }
 
 #theme:hover,
-#safe:hover,
-#open-new-tab:hover,
-#domain:hover,
-#javascript-setting:hover,
-#ux_lang:hover {
+#safe:hover {
     border: 1px solid #5f6368;
     cursor: pointer;
 }
 
-.domain {
-    margin-top: 10px;
-    border: 1px solid var(--button);
-    border-radius: 4px;
-    padding: 6px;
-    font-size: 15px;
-    color: var(--font-fg);
-    width: 90%;
-    background: var(--button);
-}
-
 .save {
     border-radius: 4px;
     padding: 6px;
@@ -542,10 +419,6 @@ this is so stupid, separate css into general style and per result page css style
     cursor: pointer;
 }
 
-.settings-row2 {
-    border-bottom: 1px solid var(--html-bg) !important;
-}
-
 .font-hide {
     color: var(--html-bg);
 }
@@ -586,19 +459,6 @@ this is so stupid, separate css into general style and per result page css style
     margin: 0;
 }
 
-.kno_wiki {
-    display: none;
-}
-
-.kno_wiki_show {
-    display: initial !important;
-    border-radius: 6px;
-}
-
-.open-in-new-tab * {
-    display: inline-block;
-}
-
 .results_settings {
     color: var(--fg);
     left: 175px;
@@ -656,24 +516,12 @@ form.torrent-sort {
     transition: all .3s ease;
 }
 
-.settings-results-link {
-    position: absolute;
-    color: var(--fg);
-    text-decoration: none;
-}
 
-.settings-results-link,
 .settings-icon-link {
     color: var(--fg);
     text-decoration: none;
 }
 
-.settings-results-link {
-    margin-left: 24px;
-    display: block;
-    margin-top: 1px;
-}
-
 .wrapper-results input {
     padding: 10px;
 }
@@ -735,10 +583,6 @@ button {
     font-family: 'Inter';
 }
 
-.X {
-    color: var(--font-fg);
-}
-
 .search-container input {
     width: 90%;
     color: var(--font-fg);
@@ -766,42 +610,6 @@ p {
     font-size: 14px;
 }
 
-.check {
-    display: flex;
-    position: relative;
-    left: 175px;
-    width: 600px;
-    word-wrap: break-word;
-    font-size: 15px;
-    max-width: 48em;
-    line-height: 1.58;
-}
-
-.check p,
-.check h3 {
-    font-size: 16px;
-    margin-bottom: 2px;
-    margin-top: 2px;
-}
-
-.check p {
-    color: #ff7769;
-}
-
-.check a {
-    color: var(--link);
-    text-decoration: none;
-}
-
-.check h3 {
-    margin-left: 4px;
-    font-style: italic;
-}
-
-.check a:hover {
-    text-decoration: underline;
-}
-
 .torrent h3 {
     font-size: 16px !important;
 }
@@ -850,10 +658,6 @@ p {
     border-top: 1px solid var(--border);
 }
 
-#search_footer {
-    position: fixed;
-}
-
 .footer a,
 .footer a:hover,
 .footer a:visited {
@@ -894,36 +698,6 @@ p {
     z-index: 0;
 }
 
-.result_sublink {
-    position: relative;
-    left: 175px;
-    margin-top: 10px;
-    max-width: 600px;
-    word-wrap: break-word;
-}
-
-.sublinks {
-    position: relative;
-    left: 14px;
-    max-width: 600px;
-    word-wrap: break-word;
-}
-
-.search-button-wrapper button:hover {
-    border: 1px solid #5f6368;
-    cursor: pointer;
-}
-
-.search-button-wrapper button {
-    color: var(--font-fg);
-    background-color: var(--button);
-    font-size: 14px;
-    border: 1px solid var(--border);
-    border-radius: 4px;
-    padding: 13px 10px 13px 10px;
-    margin: 70px 60px 0px 60px;
-}
-
 .no-decoration {
     text-decoration: none;
     color: var(--font-fg);
@@ -1010,13 +784,11 @@ p {
     color: var(--link);
 }
 
-.results a:visited h3,
-.result_sublink a:visited h3 {
+.results a:visited h3 {
     color: var(--link-visited);
 }
 
-.results h3,
-.result_sublink h3 {
+.results h3 {
     margin-top: 4px;
     margin-bottom: 2px;
     font-size: 20px;
@@ -1025,18 +797,14 @@ p {
     letter-spacing: -0.4px;
 }
 
-.results p,
-.result_sublink p {
+.results p {
     margin-top: 0px;
     color: var(--font-fg);
 }
 
 .results a,
 .results a:hover,
-.results a:visited,
-.result_sublink a,
-.result_sublink a:hover,
-.result_sublink a:visited {
+.results a:visited {
     text-decoration: none;
     /* color: #ebecf7; */
     font-size: 14px;
@@ -1102,96 +870,22 @@ p {
 }
 
 /* Leaflet control buttons */
-.leaflet-control-locate,
-.leaflet-control-layers-toggle {
+.leaflet-control-locate {
     background-color: var(--button) !important;
     border: 1px solid var(--border) !important;
     color: var(--fg) !important;
 }
 
-.leaflet-bar a,
-.leaflet-bar a:hover {
-    background-color: var(--button) !important;
-    border: 1px solid var(--border) !important;
-    color: var(--fg) !important;
-}
-
-.leaflet-popup-content-wrapper,
-.leaflet-popup-tip {
-    background: var(--html-bg) !important;
-    color: var(--text-color) !important;
-    border: 1px solid var(--border) !important;
-}
-
-.leaflet-popup-content-wrapper a {
-    color: var(--link) !important;
-}
-
-.leaflet-popup-content-wrapper a:hover {
-    text-decoration: underline;
-}
-
 /* Leaflet control buttons */
-.leaflet-control-locate,
-.leaflet-control-layers-toggle {
+.leaflet-control-locate {
     background-color: var(--button) !important;
     border: 1px solid var(--border) !important;
     color: var(--fg) !important;
 }
 
-.leaflet-bar a,
-.leaflet-bar a:hover {
-    background-color: var(--button) !important;
-    border: 1px solid var(--border) !important;
-    color: var(--fg) !important;
-}
-
-.leaflet-popup-content-wrapper,
-.leaflet-popup-tip {
-    background: var(--html-bg) !important;
-    color: var(--text-color) !important;
-    border: 1px solid var(--border) !important;
-}
-
-.leaflet-popup-content-wrapper a {
-    color: var(--link) !important;
-}
-
-.leaflet-popup-content-wrapper a:hover {
-    text-decoration: underline;
-}
-
 /* Leaflet attribution control */
-.leaflet-control-attribution {
-    background: var(--button) !important;
-    border: 1px solid var(--border) !important;
-    color: var(--fg) !important;
-}
-
-.leaflet-control-attribution a {
-    color: var(--link) !important;
-}
-
-.leaflet-control-attribution a:hover {
-    text-decoration: underline !important;
-}
 
 /* Leaflet scale control */
-.leaflet-control-scale {
-    background: var(--button) !important;
-    border: 1px solid var(--border) !important;
-    color: var(--fg) !important;
-    text-shadow: 1px 1px 2px var(--border) !important;
-    /* Adjust text shadow */
-}
-
-.leaflet-control-scale-line {
-    background: var(--button) !important;
-    border: 1px solid var(--border) !important;
-    color: var(--fg) !important;
-    text-shadow: 1px 1px 2px var(--border) !important;
-    /* Adjust text shadow */
-}
 
 /* Favicon styling */
 .result_header {
@@ -1218,18 +912,6 @@ p {
 }
 
 /* Result link styling */
-.result-link {
-    color: var(--fg);
-    font-size: 14px;
-    text-decoration: none;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.result-link:hover {
-    text-decoration: underline;
-}
 
 /* Result item spacing */
 .result_item {
@@ -1284,18 +966,6 @@ p {
     gap: 4px;
 }
 
-.result-domain {
-    color: var(--fg);
-    font-weight: 600;
-    opacity: 0.85;
-}
-
-.result-path {
-    color: var(--font-fg);
-    font-weight: 500;
-    opacity: 0.8;
-}
-
 /* 
 .result-path::before {
     content: "›";
@@ -1330,8 +1000,7 @@ button {
         font-size: 13px;
     }
 
-    .results h3,
-    .result_sublink h3 {
+    .results h3 {
         font-size: 16px;
     }
 
@@ -1409,11 +1078,6 @@ button {
         max-width: 92%;
     }
 
-    .check {
-        left: 20px;
-        max-width: 90%;
-    }
-
     p {
         font-size: 13px;
         line-height: normal;
@@ -1427,10 +1091,6 @@ button {
         font-size: 18px;
     }
 
-    .sublinks {
-        max-width: 90%;
-    }
-
     .results-search-container {
         margin-left: auto;
         margin-right: auto;
@@ -1443,19 +1103,6 @@ button {
         margin-left: 3px;
     }
 
-    .image_view {
-        width: 100%;
-        height: 77%;
-        margin-top: -33px;
-        margin-right: 0%;
-        border-top-right-radius: 0px;
-        border-top-left-radius: 0px;
-    }
-
-    .view-image img {
-        max-height: 250px;
-    }
-
     .images {
         margin-right: 1.2% !important;
     }
@@ -1484,10 +1131,6 @@ button {
         height: 35px;
     }
 
-    .mobile-none {
-        display: none;
-    }
-
     .sub-search-button-wrapper {
         margin: 0;
         padding: 0;
@@ -1543,11 +1186,6 @@ button {
         max-width: 90%;
     }
 
-    .result_sublink {
-        left: 20px;
-        max-width: 90%;
-    }
-
     .fetched {
         left: 20px;
         max-width: 90%;
@@ -1555,12 +1193,6 @@ button {
         margin-top: -2px;
     }
 
-    .fetched_img {
-        margin-top: 25px !important;
-        margin-left: 1.2% !important;
-        left: 0px !important;
-    }
-
     .fetched_vid {
         margin-top: 25px !important;
     }
@@ -1614,10 +1246,6 @@ button {
         margin-left: 3px;
     }
 
-    .search-button-wrapper button {
-        display: none;
-    }
-
     .icon-button {
         margin-top: 30px;
     }
@@ -1630,10 +1258,6 @@ button {
         margin-top: 30px;
     }
 
-    #clearSearch {
-        top: 6px;
-    }
-
 }
 
 @media only screen and (max-width: 470px) {
@@ -1698,27 +1322,11 @@ button {
 /* Ensuring dark theme compliance */
 @media (prefers-color-scheme: dark) {
 
-    .leaflet-control-locate,
-    .leaflet-control-layers-toggle,
-    .leaflet-bar a,
-    .leaflet-bar a:hover,
-    .leaflet-popup-content-wrapper,
-    .leaflet-popup-tip,
-    .leaflet-control-attribution,
-    .leaflet-control-scale,
-    .leaflet-control-scale-line {
+    .leaflet-control-locate {
         background-color: var(--button) !important;
         border: 1px solid var(--border) !important;
         color: var(--fg) !important;
         text-shadow: 1px 1px 2px var(--background-color) !important;
         /* Dark theme shadow adjustment */
     }
-
-    .leaflet-control-attribution a {
-        color: var(--link) !important;
-    }
-}
-
-.favicon.globe-fallback {
-    color: var(--font-fg);
 }
\ No newline at end of file
diff --git a/templates/map.html b/templates/map.html
index bdfcccf..8d51d96 100644
--- a/templates/map.html
+++ b/templates/map.html
@@ -9,6 +9,7 @@
     {{ end }}
     <title>{{ translate "site_name" }} - {{ .Query }}</title>
     <link rel="stylesheet" href="/static/css/style.css">
+    <link rel="stylesheet" href="/static/css/style-map.css">
     <link rel="stylesheet" href="/static/css/{{.Theme}}.css">
     <link rel="stylesheet" href="/static/css/style-fonts.css">
     <link rel="stylesheet" href="/static/css/style-menu.css">