diff --git a/src/components/FunctionalArea/TopBar/TopBar.component.tsx b/src/components/FunctionalArea/TopBar/TopBar.component.tsx
index a692928129a9be836c6f7649cd52b5e420ebed45..a312d04fc328b04af786c62bdb0dc14dc19cea4c 100644
--- a/src/components/FunctionalArea/TopBar/TopBar.component.tsx
+++ b/src/components/FunctionalArea/TopBar/TopBar.component.tsx
@@ -1,11 +1,18 @@
 import { SearchBar } from '@/components/FunctionalArea/TopBar/SearchBar';
 import { UserAvatar } from '@/components/FunctionalArea/TopBar/UserAvatar';
+import { Button } from '@/shared/Button';
 
 export const TopBar = (): JSX.Element => (
   <div className="w-100 bg-white h-16 flex flex-row items-center py-4 pl-7 pr-6 justify-between">
     <div className="flex flex-row items-center">
       <UserAvatar />
       <SearchBar />
+      <Button icon="plus" isIcon isFrontIcon className="ml-8 mr-4">
+        Submaps
+      </Button>
+      <Button icon="plus" isIcon isFrontIcon>
+        Overlays
+      </Button>
     </div>
     <div className="bg-primary-100 px-4 py-1 leading-6 text-xs text-primary-500">
       Parkinson disease map