diff --git a/src/components/FilterButton.tsx b/src/components/FilterButton.tsx
index c21e079f..a463701b 100644
--- a/src/components/FilterButton.tsx
+++ b/src/components/FilterButton.tsx
@@ -26,14 +26,21 @@ const FilterButton: React.FC<FilterButtonProps> = ({
     onClick={onClick}
     fullWidth={fullWidth}
     sx={{
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 0.75,
+      lineHeight: 1.2,
       color: isActive ? activeTextColor : (t) => t.palette.text.secondary,
       backgroundColor: isActive ? 'surface.light' : 'surface.transparent',
       borderRadius: '6px',
-      px: { xs: 1, sm: 1.5 },
-      py: { xs: 0.5, sm: 0.75 },
+      px: { xs: 1.25, sm: 1.5 },
+      py: { xs: 0.5, sm: 0.65 },
+      minHeight: 32,
       minWidth: fullWidth ? 0 : 'auto',
       textTransform: 'none',
-      fontSize: { xs: '0.65rem', sm: '0.75rem' },
+      fontSize: { xs: '0.7rem', sm: '0.75rem' },
+      fontWeight: isActive ? 600 : 500,
       border: isActive ? `1px solid ${color}` : '1px solid transparent',
       whiteSpace: 'nowrap',
       '&:hover': {
@@ -41,14 +48,19 @@ const FilterButton: React.FC<FilterButtonProps> = ({
       },
     }}
   >
-    {label}{' '}
+    <Box component="span" sx={{ display: 'inline-flex', alignItems: 'center' }}>
+      {label}
+    </Box>
     {count !== undefined && (
       <Box
         component="span"
         sx={{
-          opacity: 0.6,
-          ml: '6px',
-          fontSize: { xs: '0.6rem', sm: '0.7rem' },
+          display: 'inline-flex',
+          alignItems: 'center',
+          opacity: 0.72,
+          fontWeight: 600,
+          fontVariantNumeric: 'tabular-nums',
+          fontSize: 'inherit',
         }}
       >
         {count}
diff --git a/src/components/repositories/RepositoryIssuesTable.tsx b/src/components/repositories/RepositoryIssuesTable.tsx
index af3a4a28..cb09c1dc 100644
--- a/src/components/repositories/RepositoryIssuesTable.tsx
+++ b/src/components/repositories/RepositoryIssuesTable.tsx
@@ -33,6 +33,7 @@ import {
 import { STATUS_COLORS, TEXT_OPACITY, scrollbarSx } from '../../theme';
 import FilterButton from '../FilterButton';
 import TablePagination from '../../components/common/TablePagination';
+import { TableSearchFilter } from './TableSearchFilter';
 
 interface RepositoryIssuesTableProps {
   repositoryFullName: string;
@@ -51,6 +52,24 @@ type RepoIssuesFilter = 'all' | 'open' | 'closed';
 const isRepoIssuesFilter = (v: unknown): v is RepoIssuesFilter =>
   v === 'all' || v === 'open' || v === 'closed';
 
+function issueMatchesSearch(
+  issue: RepositoryIssue,
+  searchQuery: string,
+): boolean {
+  const q = searchQuery.trim().toLowerCase();
+  if (!q) return true;
+  const title = getLowerText(issue.title);
+  if (title.includes(q)) return true;
+  const author = (issue.authorLogin || issue.author || '').toLowerCase();
+  if (author.includes(q)) return true;
+  const numStr = String(issue.number);
+  if (numStr.includes(q)) return true;
+  if (q.startsWith('#')) {
+    const rest = q.slice(1).trim();
+    if (rest && numStr.includes(rest)) return true;
+  }
+  return false;
+}
 const ISSUE_PAGE_SIZE = 20;
 
 const RepositoryIssuesTable: React.FC<RepositoryIssuesTableProps> = ({
@@ -66,16 +85,24 @@ const RepositoryIssuesTable: React.FC<RepositoryIssuesTableProps> = ({
   );
   const [sortKey, setSortKey] = useState<SortKey>('number');
   const [sortDirection, setSortDirection] = useState<SortOrder>('desc');
+  const [searchQuery, setSearchQuery] = useState('');
+
+  useEffect(() => {
+    setSearchQuery('');
+  }, [repositoryFullName]);
+
   const [page, setPage] = useState(0);
 
   const counts = useMemo(() => {
     if (!issues) return { total: 0, open: 0, closed: 0 };
+    const match = (issue: RepositoryIssue) =>
+      issueMatchesSearch(issue, searchQuery);
     return {
-      total: issues.length,
-      open: issues.filter((issue) => !issue.closedAt).length,
-      closed: issues.filter((issue) => issue.closedAt).length,
+      total: issues.filter(match).length,
+      open: issues.filter((issue) => !issue.closedAt).filter(match).length,
+      closed: issues.filter((issue) => issue.closedAt).filter(match).length,
     };
-  }, [issues]);
+  }, [issues, searchQuery]);
 
   const filteredIssues = useMemo(() => {
     if (!issues) return [];
@@ -84,13 +111,19 @@ const RepositoryIssuesTable: React.FC<RepositoryIssuesTableProps> = ({
     return issues;
   }, [issues, filter]);
 
+  const searchFilteredIssues = useMemo(() => {
+    return filteredIssues.filter((issue) =>
+      issueMatchesSearch(issue, searchQuery),
+    );
+  }, [filteredIssues, searchQuery]);
+
   const sortedIssues = useMemo(() => {
     const directionFactor = sortDirection === 'asc' ? 1 : -1;
     const collator = new Intl.Collator(undefined, {
       sensitivity: 'base',
       numeric: true,
     });
-    const decorated = filteredIssues.map((issue) => {
+    const decorated = searchFilteredIssues.map((issue) => {
       let value: number | string;
       switch (sortKey) {
         case 'number':
@@ -126,12 +159,12 @@ const RepositoryIssuesTable: React.FC<RepositoryIssuesTableProps> = ({
       );
     });
     return decorated.map((item) => item.issue);
-  }, [filteredIssues, sortKey, sortDirection]);
+  }, [searchFilteredIssues, sortKey, sortDirection]);
 
   // Reset to the first page whenever the result set changes underneath us.
   useEffect(() => {
     setPage(0);
-  }, [filter, sortKey, sortDirection]);
+  }, [filter, sortKey, sortDirection, searchQuery]);
 
   const totalPages = Math.ceil(sortedIssues.length / ISSUE_PAGE_SIZE);
   const pagedIssues = useMemo(
@@ -303,6 +336,47 @@ const RepositoryIssuesTable: React.FC<RepositoryIssuesTableProps> = ({
     },
   ];
 
+  const filterButtons = (
+    <Stack
+      direction="row"
+      spacing={1}
+      alignItems="center"
+      flexWrap="wrap"
+      useFlexGap
+    >
+      <FilterButton
+        label="All"
+        isActive={filter === 'all'}
+        onClick={() => setFilter('all')}
+        count={counts.total}
+        color={STATUS_COLORS.open}
+        activeTextColor="text.primary"
+      />
+      <FilterButton
+        label="Open"
+        isActive={filter === 'open'}
+        onClick={() => setFilter('open')}
+        count={counts.open}
+        color={STATUS_COLORS.open}
+        activeTextColor="text.primary"
+      />
+      <FilterButton
+        label="Closed"
+        isActive={filter === 'closed'}
+        onClick={() => setFilter('closed')}
+        count={counts.closed}
+        color={STATUS_COLORS.merged}
+        activeTextColor="text.primary"
+      />
+      <TableSearchFilter
+        value={searchQuery}
+        onChange={setSearchQuery}
+        popoverTitle="Search issues"
+        placeholder="Search (#, title, author)…"
+      />
+    </Stack>
+  );
+
   const headerToolbar = (
     <Box
       sx={{
@@ -321,38 +395,7 @@ const RepositoryIssuesTable: React.FC<RepositoryIssuesTableProps> = ({
       >
         Issues ({sortedIssues.length})
       </Typography>
-      <Stack
-        direction="row"
-        spacing={1}
-        flexWrap="wrap"
-        useFlexGap
-        sx={{ rowGap: 1 }}
-      >
-        <FilterButton
-          label="All"
-          isActive={filter === 'all'}
-          onClick={() => setFilter('all')}
-          count={counts.total}
-          color={STATUS_COLORS.open}
-          activeTextColor="text.primary"
-        />
-        <FilterButton
-          label="Open"
-          isActive={filter === 'open'}
-          onClick={() => setFilter('open')}
-          count={counts.open}
-          color={STATUS_COLORS.open}
-          activeTextColor="text.primary"
-        />
-        <FilterButton
-          label="Closed"
-          isActive={filter === 'closed'}
-          onClick={() => setFilter('closed')}
-          count={counts.closed}
-          color={STATUS_COLORS.merged}
-          activeTextColor="text.primary"
-        />
-      </Stack>
+      {filterButtons}
     </Box>
   );
 
@@ -538,7 +581,11 @@ const RepositoryIssuesTable: React.FC<RepositoryIssuesTableProps> = ({
                   fontSize: '0.9rem',
                 }}
               >
-                No issues found
+                {searchQuery.trim() &&
+                sortedIssues.length === 0 &&
+                filteredIssues.length > 0
+                  ? 'No issues match your search.'
+                  : 'No issues found'}
               </Typography>
             </Box>
           }
diff --git a/src/components/repositories/TableSearchFilter.tsx b/src/components/repositories/TableSearchFilter.tsx
new file mode 100644
index 00000000..d70d98f9
--- /dev/null
+++ b/src/components/repositories/TableSearchFilter.tsx
@@ -0,0 +1,207 @@
+import React, { useCallback, useState } from 'react';
+import {
+  Box,
+  Button,
+  IconButton,
+  InputAdornment,
+  Popover,
+  Stack,
+  TextField,
+  Typography,
+} from '@mui/material';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import CloseIcon from '@mui/icons-material/Close';
+import SearchIcon from '@mui/icons-material/Search';
+
+interface TableSearchFilterProps {
+  value: string;
+  onChange: (next: string) => void;
+  label?: string;
+  popoverTitle?: string;
+  placeholder?: string;
+}
+
+export const TableSearchFilter: React.FC<TableSearchFilterProps> = ({
+  value,
+  onChange,
+  label = 'Search',
+  popoverTitle = 'Search',
+  placeholder = 'Search…',
+}) => {
+  const [anchor, setAnchor] = useState<HTMLElement | null>(null);
+  const isOpen = Boolean(anchor);
+
+  const open = useCallback((event: React.MouseEvent<HTMLElement>) => {
+    setAnchor(event.currentTarget);
+  }, []);
+
+  const close = useCallback(() => {
+    setAnchor(null);
+  }, []);
+
+  const clear = useCallback(() => {
+    onChange('');
+    close();
+  }, [onChange, close]);
+
+  const isFiltering = Boolean(value.trim());
+
+  return (
+    <>
+      <Button
+        size="small"
+        onClick={open}
+        aria-haspopup="true"
+        aria-expanded={isOpen}
+        endIcon={<ArrowDropDownIcon sx={{ fontSize: '1rem' }} />}
+        sx={{
+          color: isFiltering ? 'text.primary' : 'text.tertiary',
+          backgroundColor: isFiltering ? 'border.subtle' : 'transparent',
+          borderRadius: '6px',
+          px: 2,
+          minWidth: 'auto',
+          textTransform: 'none',
+          fontSize: '0.8rem',
+          border: '1px solid',
+          borderColor: isFiltering ? 'border.light' : 'transparent',
+          '&:hover': { backgroundColor: 'border.light' },
+        }}
+      >
+        {!isFiltering ? (
+          label
+        ) : (
+          <Stack direction="row" alignItems="center" spacing={0.75}>
+            <Box
+              component="span"
+              sx={{
+                maxWidth: 120,
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+                whiteSpace: 'nowrap',
+              }}
+            >
+              {value.trim()}
+            </Box>
+            <Box
+              component="span"
+              role="button"
+              aria-label="Clear search"
+              tabIndex={0}
+              onClick={(event) => {
+                event.stopPropagation();
+                clear();
+              }}
+              onKeyDown={(event) => {
+                if (event.key === 'Enter' || event.key === ' ') {
+                  event.stopPropagation();
+                  event.preventDefault();
+                  clear();
+                }
+              }}
+              sx={{
+                display: 'inline-flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                width: 16,
+                height: 16,
+                borderRadius: '50%',
+                color: 'text.tertiary',
+                cursor: 'pointer',
+                '&:hover': { color: 'text.primary' },
+              }}
+            >
+              <CloseIcon sx={{ fontSize: '0.85rem' }} />
+            </Box>
+          </Stack>
+        )}
+      </Button>
+      <Popover
+        open={isOpen}
+        anchorEl={anchor}
+        onClose={close}
+        anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}
+        transformOrigin={{ vertical: 'top', horizontal: 'left' }}
+        slotProps={{
+          paper: {
+            elevation: 8,
+            sx: {
+              mt: 0.5,
+              width: 280,
+              backgroundColor: 'background.default',
+              backgroundImage: 'none',
+            },
+          },
+        }}
+      >
+        <Box
+          sx={{
+            px: 1.5,
+            py: 1,
+            borderBottom: '1px solid',
+            borderColor: 'border.light',
+          }}
+        >
+          <Stack
+            direction="row"
+            alignItems="center"
+            justifyContent="space-between"
+            sx={{ mb: 1 }}
+          >
+            <Typography
+              sx={{
+                fontSize: '0.75rem',
+                fontWeight: 600,
+                color: 'text.secondary',
+              }}
+            >
+              {popoverTitle}
+            </Typography>
+            {isFiltering && (
+              <IconButton
+                size="small"
+                aria-label="Clear search"
+                onClick={clear}
+                sx={{
+                  p: 0.25,
+                  color: 'text.tertiary',
+                  '&:hover': { color: 'text.primary' },
+                }}
+              >
+                <CloseIcon sx={{ fontSize: '0.95rem' }} />
+              </IconButton>
+            )}
+          </Stack>
+          <TextField
+            size="small"
+            fullWidth
+            autoFocus
+            placeholder={placeholder}
+            value={value}
+            onChange={(event) => onChange(event.target.value)}
+            InputProps={{
+              startAdornment: (
+                <InputAdornment position="start">
+                  <SearchIcon
+                    sx={{ fontSize: '0.95rem', color: 'text.tertiary' }}
+                  />
+                </InputAdornment>
+              ),
+            }}
+            sx={{
+              '& .MuiOutlinedInput-root': {
+                fontSize: '0.8rem',
+                color: 'text.primary',
+                backgroundColor: 'transparent',
+                height: 30,
+                borderRadius: 1.5,
+                '& fieldset': { borderColor: 'border.light' },
+                '&:hover fieldset': { borderColor: 'border.medium' },
+                '&.Mui-focused fieldset': { borderColor: 'primary.main' },
+              },
+            }}
+          />
+        </Box>
+      </Popover>
+    </>
+  );
+};