diff --git a/components/Pages/PublicationMetadata.tsx b/components/Pages/PublicationMetadata.tsx
index dcc6bcdf..88396bf2 100644
--- a/components/Pages/PublicationMetadata.tsx
+++ b/components/Pages/PublicationMetadata.tsx
@@ -262,7 +262,7 @@ const AddTags = () => {
 
   return (
     <Popover
-      className="p-2! w-[1000px] max-w-sm"
+      className="p-2! w-full min-w-xs"
       trigger={
         <div className="addTagTrigger flex gap-1 hover:underline text-sm items-center text-tertiary">
           <TagTiny />{" "}
diff --git a/components/Tags.tsx b/components/Tags.tsx
index 7a61522b..1f20bc2e 100644
--- a/components/Tags.tsx
+++ b/components/Tags.tsx
@@ -150,10 +150,10 @@ export const TagSearchInput = (props: {
   return (
     <div className="relative">
       <Input
-        className="input-with-border grow w-full bg-test"
+        className="input-with-border grow w-full outline-none!"
         id="placeholder-tag-search-input"
         value={tagInputValue}
-        placeholder="search tags..."
+        placeholder="search tags…"
         onChange={(e) => {
           setTagInputValue(e.target.value);
           setIsOpen(true);
@@ -174,7 +174,7 @@ export const TagSearchInput = (props: {
               document.getElementById("tag-search-input")?.focus();
             }, 100);
         }}
-        className="!w-full px-2! py-2!"
+        className="w-full p-2! min-w-xs"
         sideOffset={-39}
         onOpenAutoFocus={(e) => e.preventDefault()}
         asChild
@@ -190,6 +190,7 @@ export const TagSearchInput = (props: {
           <Input
             className="input-with-border grow w-full mb-2"
             id="tag-search-input"
+            placeholder="search tags…"
             value={tagInputValue}
             onChange={(e) => {
               setTagInputValue(e.target.value);