diff --git a/packages/blocks/package.json b/packages/blocks/package.json
index c10dbf21..26896cb2 100644
--- a/packages/blocks/package.json
+++ b/packages/blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/prime-blocks",
-  "version": "0.0.27",
+  "version": "0.0.28",
   "publishConfig": {
     "access": "public"
   },
diff --git a/packages/blocks/src/lib/navigation-map/components/nav/index.svelte b/packages/blocks/src/lib/navigation-map/components/nav/index.svelte
index cbcf7e89..f5459a36 100644
--- a/packages/blocks/src/lib/navigation-map/components/nav/index.svelte
+++ b/packages/blocks/src/lib/navigation-map/components/nav/index.svelte
@@ -15,7 +15,7 @@ const handleUpdateObstacle = (event: CustomEvent<Obstacle[]>) => {
 };
 </script>
 
-<nav class="sm:h-full sm:w-[350px]">
+<nav class="py-4 pl-4 sm:h-full sm:w-[350px]">
   <ol class="mb-2 flex flex-wrap items-center">
     {#each $tabs as tabTitle}
       {@const selected = $tab === tabTitle}
diff --git a/packages/blocks/src/routes/navigation-map.svelte b/packages/blocks/src/routes/navigation-map.svelte
index 315a392f..ca79cc29 100644
--- a/packages/blocks/src/routes/navigation-map.svelte
+++ b/packages/blocks/src/routes/navigation-map.svelte
@@ -186,7 +186,7 @@ $: map?.setCenter({ lat: 40.7, lng: -74.17 });
 
 <div class="px-12">
   <div
-    class="relative h-[800px] w-full border border-gray-200 p-4 sm:aspect-video sm:h-auto"
+    class="relative h-[800px] w-full border border-gray-200 sm:aspect-video sm:h-auto"
   >
     <NavigationMap
       bind:map