diff --git a/src/components/Verifier/Verifier.css b/src/components/Verifier/Verifier.css
index 2b415e0..5612423 100644
--- a/src/components/Verifier/Verifier.css
+++ b/src/components/Verifier/Verifier.css
@@ -108,6 +108,7 @@
   flex-wrap: wrap; /* Allow wrapping */
   padding: 0px;
   border: 0px;
+  position: relative; /* Added for suggestion list positioning */
 }
 
 .verifier-input-field {
@@ -131,63 +132,6 @@
   outline: none;
 }
 
-/* Autocomplete Styles */
-.verifier-suggestions-list {
-  position: absolute;
-  top: 100%; /* Position below input */
-  left: 0;
-  right: 0;
-  background-color: var(--navbar-bg);
-  border: 1px solid var(--card-border);
-  border-top: none; /* Avoid double border */
-  border-radius: 0 0 6px 6px;
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  max-height: 200px;
-  overflow-y: auto;
-  z-index: 10;
-  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
-}
-
-.verifier-suggestion-item {
-  display: flex;
-  align-items: center;
-  padding: 10px;
-  cursor: pointer;
-  border-bottom: 1px solid var(--card-border);
-}
-.verifier-suggestion-item:last-child {
-  border-bottom: none;
-}
-
-.verifier-suggestion-item:hover {
-  background-color: var(--background); /* Use main background for hover */
-}
-
-.verifier-suggestion-avatar {
-  width: 30px;
-  height: 30px;
-  border-radius: 50%;
-  margin-right: 10px;
-  object-fit: cover;
-}
-
-.verifier-suggestion-text {
-  display: flex;
-  flex-direction: column;
-}
-
-.verifier-suggestion-display-name {
-  font-weight: bold;
-  color: var(--text);
-}
-
-.verifier-suggestion-handle {
-  font-size: 0.9em;
-  color: var(--text-muted, var(--text));
-}
-
 /* Status Box */
 .verifier-status-box {
   padding: 15px;
diff --git a/src/components/Verifier/Verifier.js b/src/components/Verifier/Verifier.js
index 3dba40e..f98a74b 100644
--- a/src/components/Verifier/Verifier.js
+++ b/src/components/Verifier/Verifier.js
@@ -705,22 +705,20 @@ function Verifier() {
             </button>
           </form>
           {showSuggestions && (suggestions.length > 0 || isFetchingSuggestions) && (
-            <ul className="verifier-suggestions-list" ref={suggestionsRef}>
+            <ul className="autocomplete-items" ref={suggestionsRef}>
               {isFetchingSuggestions && suggestions.length === 0 ? (
-                 <li className="verifier-suggestion-item">Loading...</li>
+                 <li className="autocomplete-item">Loading...</li>
               ) : (
                 suggestions.map((actor) => (
-                  <li key={actor.did} className="verifier-suggestion-item" onMouseDown={(e) => { e.preventDefault(); handleSuggestionClick(actor.handle); }}>
-                    <img src={actor.avatar} alt="" className="verifier-suggestion-avatar" />
-                    <div className="verifier-suggestion-text">
-                      <span className="verifier-suggestion-display-name">{actor.displayName || actor.handle}</span>
-                      <span className="verifier-suggestion-handle">@{actor.handle}</span>
-                    </div>
+                  <li key={actor.did} className="autocomplete-item" onMouseDown={(e) => { e.preventDefault(); handleSuggestionClick(actor.handle); }}>
+                    <img src={actor.avatar} alt="" />
+                    <span className="verifier-suggestion-display-name">{actor.displayName || actor.handle}</span>
+                    <span className="verifier-suggestion-handle">@{actor.handle}</span>
                   </li>
                 ))
               )}
               {suggestions.length === 0 && !isFetchingSuggestions && targetHandle.length >= 2 && (
-                 <li className="verifier-suggestion-item">No users found matching "{targetHandle}"</li>
+                 <li className="autocomplete-item">No users found matching "{targetHandle}"</li>
               )}
             </ul>
           )}