diff --git a/packages/app/src/Pages/DeckLayout.tsx b/packages/app/src/Pages/DeckLayout.tsx
index 03299a78..bbbbf0ec 100644
--- a/packages/app/src/Pages/DeckLayout.tsx
+++ b/packages/app/src/Pages/DeckLayout.tsx
@@ -162,11 +162,11 @@ function MediaCol({ setThread }: { setThread: (e: NostrLink) => void }) {
   const { proxy } = useImgProxy();
   return (
     <div>
-      <div className="flex items-center gap-2 p-2 border-b border-gray-300">
+      <div className="flex items-center gap-2 p-2 border-b border-border-color">
         <Icon name="camera-lens" size={24} />
         <FormattedMessage defaultMessage="Media" id="hmZ3Bz" />
       </div>
-      <div className="grid grid-cols-3 gap-px p-1">
+      <div className="grid grid-cols-3 gap-1 p-1">
         <TimelineFollows
           postsOnly={true}
           liveStreams={false}
diff --git a/packages/app/src/Pages/Layout/NavSidebar.tsx b/packages/app/src/Pages/Layout/NavSidebar.tsx
index c0bab892..6315a84b 100644
--- a/packages/app/src/Pages/Layout/NavSidebar.tsx
+++ b/packages/app/src/Pages/Layout/NavSidebar.tsx
@@ -21,6 +21,7 @@ const MENU_ITEMS = [
     label: "Search",
     icon: "search",
     link: "/search",
+    nonLoggedIn: true,
   },
   {
     label: "Notifications",
diff --git a/packages/app/tailwind.config.js b/packages/app/tailwind.config.js
index 154056af..81a995b0 100644
--- a/packages/app/tailwind.config.js
+++ b/packages/app/tailwind.config.js
@@ -6,6 +6,7 @@ module.exports = {
     extend: {
       colors: {
         "nearly-bg-color": "var(--nearly-bg-color)",
+        "border-color": "var(--border-color)",
       },
       textColor: {
         "nostr-blue": "var(--repost)",