fixed the hover behavior, so "rows per page" button behaves the same way as other buttons in the peers overview

src/app/(dashboard)/posture-checks/page.tsx

@@ -48,7 +48,7 @@ export default function PostureChecksPage() {
           </Paragraph>
           <Paragraph>
             Learn more about
-            <InlineLink href={"https://docs.netbird.io/how-to/manage-posture-checks"} target={"_blank"}>
+            <InlineLink href={"#"} target={"_blank"}>
               Posture Checks
               <ExternalLinkIcon size={12} />
             </InlineLink>

src/components/table/DataTableRowsPerPage.tsx

@@ -18,6 +18,8 @@ export function DataTableRowsPerPage<TData>({
   disabled,
 }: DataTablePaginationProps<TData>) {
   const [open, setOpen] = React.useState(false);
+  const [isHovered, setIsHovered] = React.useState(false); 
+  const textColorClass = isHovered ? "text-white" : "text-nb-gray-300";
 
   return (
     <>
@@ -28,16 +30,18 @@ export function DataTableRowsPerPage<TData>({
             role="combobox"
             aria-expanded={open}
             disabled={disabled}
+            onMouseEnter={() => setIsHovered(true)} 
+            onMouseLeave={() => setIsHovered(false)} 
             className="w-[200px] justify-between"
           >
-            <RowsIcon size={15} className={"text-nb-gray-300"} />
+            <RowsIcon size={15} className={textColorClass} />
             <div>
-              <span className={"text-white"}>
+              <span className={textColorClass}>
                 {table.getState().pagination.pageSize}
               </span>
-              <span className={"text-nb-gray-300"}> rows per page</span>
+              <span className={textColorClass}> rows per page</span>
             </div>
-            <ChevronDown className="h-4 w-4 opacity-50" />
+            <ChevronDown className={`h-4 w-4 opacity-50 ${textColorClass}`} />
           </Button>
         </PopoverTrigger>
         <PopoverContent className="w-[200px] p-0" sideOffset={7}>
@@ -56,18 +60,15 @@ export function DataTableRowsPerPage<TData>({
                     className={cn(
                       "cursor-pointer",
                       "flex gap-2 px-2 py-1.5 my-1 mx-1 rounded-md items-center hover:dark:bg-nb-gray-800 text-nb-gray-400 hover:text-white",
-                      table.getState().pagination.pageSize === val
-                        ? "text-white"
-                        : "",
+                      table.getState().pagination.pageSize === val ? "text-white" : "",
                     )}
                   >
                     <Check
                       size={15}
                       className={cn(
-                        "text-white shrink-0",
-                        table.getState().pagination.pageSize === val
-                          ? "opacity-100"
-                          : "opacity-0",
+                        "shrink-0",
+                        table.getState().pagination.pageSize === val ? "opacity-100 text-white" : "opacity-0",
+                        textColorClass, 
                       )}
                     />
                     {val}

src/modules/peers/PeerOSCell.tsx

@@ -50,7 +50,7 @@ export function OSLogo({ os }: { os: string }) {
   if (icon === OperatingSystem.APPLE)
     return <Image src={AppleLogo} alt={""} width={14} />;
   if (icon === OperatingSystem.IOS)
-    return <IOSIcon className={"fill-white"} size={20} />;
+    return <Image src={AppleLogo} alt={""} width={14} />;
   if (icon === OperatingSystem.ANDROID)
     return <FcAndroidOs className={"text-white text-2xl brightness-200"} />;
 

src/modules/posture-checks/checks/PostureCheckGeoLocation.tsx

@@ -171,7 +171,7 @@ const CheckContent = ({ value, onChange }: Props) => {
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
             Learn more about
-            <InlineLink href={"https://docs.netbird.io/how-to/manage-posture-checks#geolocation-check"} target={"_blank"}>
+            <InlineLink href={"#"} target={"_blank"}>
               Country & Region Check
               <ExternalLinkIcon size={12} />
             </InlineLink>

src/modules/posture-checks/checks/PostureCheckNetBirdVersion.tsx

@@ -86,7 +86,7 @@ const CheckContent = ({ value, onChange }: Props) => {
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
             Learn more about
-            <InlineLink href={"https://docs.netbird.io/how-to/manage-posture-checks#net-bird-client-version-check"} target={"_blank"}>
+            <InlineLink href={"#"} target={"_blank"}>
               Client Version Check
               <ExternalLinkIcon size={12} />
             </InlineLink>

src/modules/posture-checks/checks/PostureCheckOperatingSystem.tsx

@@ -215,7 +215,7 @@ const CheckContent = ({ value, onChange }: Props) => {
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
             Learn more about
-            <InlineLink href={"https://docs.netbird.io/how-to/manage-posture-checks#operating-system-version-check"} target={"_blank"}>
+            <InlineLink href={"#"} target={"_blank"}>
               Operating System Check
               <ExternalLinkIcon size={12} />
             </InlineLink>

src/modules/posture-checks/modal/PostureCheckModal.tsx

@@ -222,7 +222,7 @@ export default function PostureCheckModal({
                 Learn more about
                 <InlineLink
                   href={
-                    "https://docs.netbird.io/how-to/manage-posture-checks"
+                    "https://docs.netbird.io/how-to/routing-traffic-to-private-networks"
                   }
                   target={"_blank"}
                 >

src/modules/posture-checks/table/PostureCheckTable.tsx

@@ -174,7 +174,7 @@ export default function PostureCheckTable({ postureChecks, isLoading }: Props) {
             learnMore={
               <>
                 Learn more about
-                <InlineLink href={"https://docs.netbird.io/how-to/manage-posture-checks"} target={"_blank"}>
+                <InlineLink href={"#"} target={"_blank"}>
                   Posture Checks
                   <ExternalLinkIcon size={12} />
                 </InlineLink>