diff --git a/frontend/src/components/v2/Pagination/Pagination.tsx b/frontend/src/components/v2/Pagination/Pagination.tsx
index f4a75eac7..cdde53640 100644
--- a/frontend/src/components/v2/Pagination/Pagination.tsx
+++ b/frontend/src/components/v2/Pagination/Pagination.tsx
@@ -44,18 +44,18 @@ export const Pagination = ({
   return (
     <div
       className={twMerge(
-        "flex items-center justify-end text-white w-full p-4 bg-mineshaft-700",
+        "flex items-center justify-end text-white w-full py-3 px-4 bg-mineshaft-800",
         className
       )}
     >
       <div className="mr-6 flex items-center space-x-2">
-        <div className="text-sm">
+        <div className="text-xs">
           {(page - 1) * perPage} - {(page - 1) * perPage + perPage} of {count}
         </div>
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
             <IconButton ariaLabel="per-page-list" variant="plain">
-              <FontAwesomeIcon icon={faCaretDown} />
+              <FontAwesomeIcon className="text-xs" icon={faCaretDown} />
             </IconButton>
           </DropdownMenuTrigger>
           <DropdownMenuContent className="min-w-fit">
@@ -79,7 +79,7 @@ export const Pagination = ({
           onClick={() => onChangePage(prevPageNumber)}
           isDisabled={!canGoPrev}
         >
-          <FontAwesomeIcon icon={faChevronLeft} />
+          <FontAwesomeIcon className="text-xs" icon={faChevronLeft} />
         </IconButton>
         <IconButton
           variant="plain"
@@ -87,7 +87,7 @@ export const Pagination = ({
           onClick={() => onChangePage(nextPageNumber)}
           isDisabled={!canGoNext}
         >
-          <FontAwesomeIcon icon={faChevronRight} />
+          <FontAwesomeIcon className="text-xs" icon={faChevronRight} />
         </IconButton>
       </div>
     </div>
diff --git a/frontend/src/components/v2/Select/Select.tsx b/frontend/src/components/v2/Select/Select.tsx
index cdf790634..1172000c9 100644
--- a/frontend/src/components/v2/Select/Select.tsx
+++ b/frontend/src/components/v2/Select/Select.tsx
@@ -40,7 +40,7 @@ export const Select = forwardRef<HTMLButtonElement, SelectProps>(
           ref={ref}
           className={twMerge(
             `inline-flex items-center justify-between rounded-md
-            bg-mineshaft-900 px-3 py-2 font-inter text-sm font-normal text-bunker-200 outline-none data-[placeholder]:text-gray-500`,
+            bg-mineshaft-900 px-3 py-2 font-inter text-sm font-normal text-bunker-200 outline-none data-[placeholder]:text-mineshaft-200`,
             className
           )}
         >
diff --git a/frontend/src/views/Project/AuditLogsPage/components/LogsFilter.tsx b/frontend/src/views/Project/AuditLogsPage/components/LogsFilter.tsx
index 9b2be6f4c..d97eefc81 100644
--- a/frontend/src/views/Project/AuditLogsPage/components/LogsFilter.tsx
+++ b/frontend/src/views/Project/AuditLogsPage/components/LogsFilter.tsx
@@ -8,7 +8,8 @@ import {
     DatePicker,
     FormControl,
     Select,
-    SelectItem} from "@app/components/v2";
+    SelectItem
+} from "@app/components/v2";
 import { useWorkspace } from "@app/context";
 import { useGetAuditLogActorFilterOpts } from "@app/hooks/api";
 import { eventToNameMap, userAgentTTypeoNameMap } from "@app/hooks/api/auditLogs/constants";
@@ -77,7 +78,7 @@ export const LogsFilter = ({
                                 // {...(field.value ? { value: field.value } : { placeholder: "Select" })}
                                 {...field}
                                 onValueChange={(e) => onChange(e)}
-                                className="w-full"
+                                className="w-full bg-mineshaft-700 border border-mineshaft-500 text-mineshaft-100"
                             >
                                 {eventTypes.map(({ label, value }) => (
                                     <SelectItem value={String(value || "")} key={label}>
@@ -103,7 +104,7 @@ export const LogsFilter = ({
                                     {...(field.value ? { value: field.value } : { placeholder: "Select" })}
                                     {...field}
                                     onValueChange={(e) => onChange(e)}
-                                    className="w-full"
+                                    className="w-full bg-mineshaft-700 border border-mineshaft-500 text-mineshaft-100"
                                 >
                                     {data.map((actor) => renderActorSelectItem(actor))}
                                 </Select>
@@ -125,7 +126,7 @@ export const LogsFilter = ({
                                 {...(field.value ? { value: field.value } : { placeholder: "Select" })}
                                 {...field}
                                 onValueChange={(e) => onChange(e)}
-                                className="w-full"
+                                className="w-full bg-mineshaft-700 border border-mineshaft-500 text-mineshaft-100"
                             >
                                 {userAgentTypes.map(({ label, value }) => (
                                     <SelectItem value={String(value || "")} key={label}>
diff --git a/frontend/src/views/Project/AuditLogsPage/components/LogsTableRow.tsx b/frontend/src/views/Project/AuditLogsPage/components/LogsTableRow.tsx
index bf8e34c4b..795450d9d 100644
--- a/frontend/src/views/Project/AuditLogsPage/components/LogsTableRow.tsx
+++ b/frontend/src/views/Project/AuditLogsPage/components/LogsTableRow.tsx
@@ -305,7 +305,7 @@ export const LogsTableRow = ({
     }
     
     return (
-       <Tr className={`log-${auditLog._id} h-10`}>
+       <Tr className={`log-${auditLog._id} h-10 border-b border-x-0 border-t-0`}>
             <Td>{formatDate(auditLog.createdAt)}</Td>
             <Td>{`${eventToNameMap[auditLog.event.type]}`}</Td>
             {renderActor(auditLog.actor)}