fix: adjust padding in timezone select, event advanced edit icon, and sidebar bottom nav (#25877)

packages/features/components/timezone-select/TimezoneSelect.tsx

@@ -198,7 +198,7 @@ export function TimezoneSelectComponent({
           ),
         menu: (state) =>
           classNames(
-            "rounded-md bg-default text-sm leading-4 text-default mt-1 border border-subtle",
+            "rounded-md bg-default text-sm leading-4 text-default mt-1 p-1 border border-subtle",
             state.selectProps.menuIsOpen && "shadow-dropdown", // Add box-shadow when menu is open
             timezoneClassNames?.menu && timezoneClassNames.menu(state)
           ),

packages/features/eventtypes/components/tabs/advanced/EventAdvancedTab.tsx

@@ -225,7 +225,7 @@ const destinationCalendarComponents = {
                   color="minimal"
                   size="sm"
                   aria-label="edit custom name"
-                  className="hover:stroke-3 hover:text-emphasis py-0! min-w-fit px-0 hover:bg-transparent"
+                  className="hover:stroke-3 hover:text-emphasis py-0! min-w-fit px-1.5 -mr-1.5 hover:bg-transparent"
                   onClick={() => setShowEventNameTip((old) => !old)}>
                   <Icon name="pencil" className="h-4 w-4" />
                 </Button>

packages/features/shell/SideBar.tsx

@@ -142,7 +142,7 @@ export function SideBar({ bannersHeight, user }: SideBarProps) {
         </div>
 
         {!isPlatformPages && (
-          <div>
+          <div className="md:px-2 md:pb-4 lg:p-0">
             <div className="overflow-hidden">
               <Tips />
             </div>