diff --git a/public/sb_logo_dark.png b/public/sb_logo_dark.png
index d4a22da2..65388fd0 100644
Binary files a/public/sb_logo_dark.png and b/public/sb_logo_dark.png differ
diff --git a/public/sb_logo_light.png b/public/sb_logo_light.png
index deac8084..b1db5d73 100644
Binary files a/public/sb_logo_light.png and b/public/sb_logo_light.png differ
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
index 718d6fea..81d39cf9 100644
Binary files a/src/app/favicon.ico and b/src/app/favicon.ico differ
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 444ecb54..415d8b67 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,8 +6,8 @@ import { ThemeProvider } from "next-themes";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-    title: "Create Next App",
-    description: "Generated by create next app",
+    title: "Sourcebot",
+    description: "Sourcebot",
 };
 
 export default function RootLayout({
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 799d1aed..867cc83f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -46,16 +46,16 @@ export default function Home() {
         <main className="h-screen overflow-clip">
             {/* TopBar */}
             <div className="sticky top-0 left-0 right-0 z-10">
-                <div className="flex flex-row justify-between items-center py-1 px-2 gap-4">
+                <div className="flex flex-row justify-between items-center py-1.5 px-3 gap-4">
                     <div className="grow flex flex-row gap-4 items-center">
                         <Image
                             src={logoDark}
-                            className="h-12 w-auto hidden dark:block"
+                            className="h-4 w-auto hidden dark:block"
                             alt={"Sourcebot logo"}
                         />
                         <Image
                             src={logoLight}
-                            className="h-12 w-auto block dark:hidden"
+                            className="h-4 w-auto block dark:hidden"
                             alt={"Sourcebot logo"}
                         />
                         <SearchBar
@@ -82,7 +82,7 @@ export default function Home() {
                     />
                 </div>
                 <Separator />
-                <div className="bg-accent p-2">
+                <div className="bg-accent p-1">
                     <p className="text-sm font-medium">Results for: {fileMatches.length} files in {searchDurationMs} ms</p>
                 </div>
                 <Separator />
diff --git a/src/app/searchBar.tsx b/src/app/searchBar.tsx
index e1acb43d..976ef05e 100644
--- a/src/app/searchBar.tsx
+++ b/src/app/searchBar.tsx
@@ -52,7 +52,7 @@ export const SearchBar = ({
     return (
         <Input
             value={query}
-            className="max-w-lg"
+            className="w-full h-8"
             placeholder="Search..."
             onChange={(e) => {
                 const query = e.target.value;
diff --git a/src/app/settingsDropdown.tsx b/src/app/settingsDropdown.tsx
index 1ef33f6e..74d037e5 100644
--- a/src/app/settingsDropdown.tsx
+++ b/src/app/settingsDropdown.tsx
@@ -55,7 +55,7 @@ export const SettingsDropdown = ({
     return (
         <DropdownMenu>
             <DropdownMenuTrigger asChild>
-                <Button variant="outline" size="icon">
+                <Button variant="outline" size="icon" className="w-8 h-8">
                     <Settings className="h-4 w-4" />
                 </Button>
             </DropdownMenuTrigger>