diff --git a/index.html b/index.html
index 2e22f28..e5437b6 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" />-->
+    <link rel="icon" type="image/png" href="/so-tileviewer.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Simons Observatory Map Viewer</title>
   </head>
diff --git a/public/so-tileviewer.png b/public/so-tileviewer.png
new file mode 100644
index 0000000..10f9d3d
Binary files /dev/null and b/public/so-tileviewer.png differ
diff --git a/src/components/ColorMapSlider.tsx b/src/components/ColorMapSlider.tsx
index 216d88a..cb8cb11 100644
--- a/src/components/ColorMapSlider.tsx
+++ b/src/components/ColorMapSlider.tsx
@@ -138,6 +138,7 @@ export function ColorMapSlider(props: ColorMapSlideProps) {
     <>
       {cmapImage && (
         <img
+          className="histo-img"
           src={cmapImage}
           style={{
             width: `${cmapWidth}%`,
diff --git a/src/components/Login.tsx b/src/components/Login.tsx
index 65cd3ff..4294db4 100644
--- a/src/components/Login.tsx
+++ b/src/components/Login.tsx
@@ -19,12 +19,13 @@ export function Login({
 
   if (isAuthenticated === null) return null;
 
-  const linkText = isAuthenticated ? 'Log out' : 'Log in';
+  const linkText = isAuthenticated ? 'Log Out' : 'Log In';
   const href = isAuthenticated ? LOGOUT_URL : LOGIN_URL;
 
   return (
-    <div className="login-container">
+    <button className="map-btn login-btn">
       <a href={href}>{linkText}</a>
-    </div>
+      <img className="login-icon" src="/so-tileviewer.png" />
+    </button>
   );
 }
diff --git a/src/components/styles/color-map-controls.css b/src/components/styles/color-map-controls.css
index 434f309..e594605 100644
--- a/src/components/styles/color-map-controls.css
+++ b/src/components/styles/color-map-controls.css
@@ -46,7 +46,7 @@ select {
   display: none;
 }
 
-img {
+.histo-img {
   position: absolute;
   height: 60px;
   bottom: 30px;
diff --git a/src/components/styles/login.css b/src/components/styles/login.css
index 30ac69b..3b375ff 100644
--- a/src/components/styles/login.css
+++ b/src/components/styles/login.css
@@ -1,11 +1,20 @@
-.login-container {
+.login-btn {
   position: absolute;
-  right: 11px;
-  top: 50px;
+  top: 9px;
+  right: 55px;
   z-index: 999;
+  column-gap: 0.25em;
+  padding: 2px 5px !important;
 }
 
-.login-container > a,
-.login-container > a:visited {
+.login-btn > a,
+.login-btn > a:visited {
+  text-decoration: none;
+  font-size: 0.9em;
   color: black;
 }
+
+.login-btn > img {
+  height: 1.25em;
+  width: 1.25em;
+}
