diff --git a/packages/app/src/Element/SearchBox.tsx b/packages/app/src/Element/SearchBox.tsx
index ef70dcee1..603e9024e 100644
--- a/packages/app/src/Element/SearchBox.tsx
+++ b/packages/app/src/Element/SearchBox.tsx
@@ -169,9 +169,7 @@ export default function SearchBox() {
           ref={resultListRef}>
           <div
             className={`p-2 cursor-pointer ${
-              activeIndex === 0
-                  ? "bg-bg-secondary"
-                  : "bg-bg-color hover:bg-bg-secondary"
+              activeIndex === 0 ? "bg-bg-secondary" : "bg-bg-color hover:bg-bg-secondary"
             }`}
             onMouseEnter={() => setActiveIndex(0)}
             onClick={() => navigate(`/search/${encodeURIComponent(search)}`, { state: { forceRefresh: true } })}>
@@ -181,9 +179,7 @@ export default function SearchBox() {
             <div
               key={idx}
               className={`p-2 cursor-pointer ${
-                activeIndex === idx + 1
-                  ? "bg-bg-secondary"
-                  : "bg-bg-color hover:bg-bg-secondary"
+                activeIndex === idx + 1 ? "bg-bg-secondary" : "bg-bg-color hover:bg-bg-secondary"
               }`}
               onMouseEnter={() => setActiveIndex(idx + 1)}>
               <ProfileImage pubkey={result.pubkey} showProfileCard={false} />
diff --git a/packages/app/src/Pages/Layout/NavSidebar.tsx b/packages/app/src/Pages/Layout/NavSidebar.tsx
index 838f00154..919c16a4f 100644
--- a/packages/app/src/Pages/Layout/NavSidebar.tsx
+++ b/packages/app/src/Pages/Layout/NavSidebar.tsx
@@ -78,7 +78,7 @@ export default function NavSidebar({ narrow = false }) {
 
   const className = classNames(
     { "xl:w-56 xl:gap-3 xl:items-start": !narrow },
-    "overflow-y-auto hide-scrollbar sticky items-center border-r border-neutral-900 top-0 z-20 h-screen max-h-screen hidden md:flex flex-col px-2 py-4 flex-shrink-0 gap-2",
+    "overflow-y-auto hide-scrollbar sticky items-center border-r border-border-color top-0 z-20 h-screen max-h-screen hidden md:flex flex-col px-2 py-4 flex-shrink-0 gap-2",
   );
 
   const readOnlyIcon = readonly && (
diff --git a/packages/app/src/Pages/Layout/RightColumn.tsx b/packages/app/src/Pages/Layout/RightColumn.tsx
index 3dc03ba3d..64aed6af8 100644
--- a/packages/app/src/Pages/Layout/RightColumn.tsx
+++ b/packages/app/src/Pages/Layout/RightColumn.tsx
@@ -8,7 +8,7 @@ export default function RightColumn() {
   const show = !hideRightColumnPaths.some(path => location.pathname.startsWith(path));
   return (
     <div
-      className={classNames("flex-col hidden lg:w-1/3 sticky top-0 h-screen py-3 px-4 border-l border-neutral-900", {
+      className={classNames("flex-col hidden lg:w-1/3 sticky top-0 h-screen py-3 px-4 border-l border-border-color", {
         "lg:flex": show,
       })}>
       <div>
diff --git a/packages/app/src/Pages/Profile/ProfilePage.css b/packages/app/src/Pages/Profile/ProfilePage.css
index 5d6ff7641..6b59da51d 100644
--- a/packages/app/src/Pages/Profile/ProfilePage.css
+++ b/packages/app/src/Pages/Profile/ProfilePage.css
@@ -2,9 +2,6 @@
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  border: 1px solid var(--border-color);
-  border-bottom: none;
-  border-top: none;
 }
 
 .profile .banner {