fix: rfc changes

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} />

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: {