diff --git a/src/components/Map/MapAdditionalActions/MapAdditionalActions.component.tsx b/src/components/Map/MapAdditionalActions/MapAdditionalActions.component.tsx
index 396ec54a4f2b7f97e8209e2a60a428895c4a7ebf..fb6dc5fb83c89bc5f8771bc9dd13d9eb8fda7538 100644
--- a/src/components/Map/MapAdditionalActions/MapAdditionalActions.component.tsx
+++ b/src/components/Map/MapAdditionalActions/MapAdditionalActions.component.tsx
@@ -12,28 +12,28 @@ export const MapAdditionalActions = (): JSX.Element => {
     <div
       className={twMerge(
         'absolute bottom-6 right-6 z-10 flex flex-col gap-4',
-        'drop-shadow-secondary',
+        'drop-shadow-primary',
       )}
     >
       <button
         type="button"
-        className="flex h-[48px] w-[48px] items-center justify-center rounded-full bg-white"
+        className="flex h-12 w-12 items-center justify-center rounded-full bg-white"
         onClick={zoomInToBioEntities}
       >
         <Image src={locationIcon} alt="location button icon" height={28} width={28} />
       </button>
-      <div className="flex h-auto w-[48px] flex-col items-center justify-center rounded-full bg-white py-2">
+      <div className="flex h-auto w-12 flex-col items-center justify-center rounded-full bg-white py-2">
         <button
           type="button"
-          className="flex h-[48px] w-[48px] items-center justify-center"
+          className="flex h-12 w-12 items-center justify-center"
           onClick={zoomIn}
         >
           <Image src={magnifierZoomInIcon} alt="zoom in button icon" height={24} width={24} />
         </button>
-        <div className="h-[1px] w-[32px] bg-[#F1F1F1]" />
+        <div className="h-px w-12 bg-[#F1F1F1]" />
         <button
           type="button"
-          className="flex h-[48px] w-[48px] items-center justify-center"
+          className="flex h-12 w-12 items-center justify-center"
           onClick={zoomOut}
         >
           <Image src={magnifierZoomOutIcon} alt="zoom out button icon" height={24} width={24} />
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 15c5063ba2ee47972ee02770ffcb5b7f7c3df3d8..80376a72e62b6e23b6a7a7d560dee0650e4d5d92 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -37,7 +37,7 @@ const config: Config = {
         primary: '4px 8px 32px 0px rgba(0, 0, 0, 0.12)',
       },
       dropShadow: {
-        secondary: '0px 4px 24px rgba(0, 0, 0, 0.08)',
+        primary: '0px 4px 24px rgba(0, 0, 0, 0.08)',
       },
     },
     fontFamily: {