3 files changed, 5 insertions, 3 deletions
diff --git a/FrontEnd/src/components/SearchInput.css b/FrontEnd/src/components/SearchInput.css
index f0503016..818b2917 100644
--- a/FrontEnd/src/components/SearchInput.css
+++ b/FrontEnd/src/components/SearchInput.css
@@ -1,8 +1,8 @@
 .cru-search-input {
   display: flex;
-  flex-wrap: wrap;
+  gap: 1em;
 }
 
 .cru-search-input-input {
   width: 100%;
-}
+}
+\ No newline at end of file
diff --git a/FrontEnd/src/components/SearchInput.tsx b/FrontEnd/src/components/SearchInput.tsx
index 71820bfa..b1de6227 100644
--- a/FrontEnd/src/components/SearchInput.tsx
+++ b/FrontEnd/src/components/SearchInput.tsx
@@ -27,7 +27,7 @@ export default function SearchInput({
   return (
     <div className={classNames("cru-search-input", className)}>
       <input
-        type="text"
+        type="search"
         className="cru-search-input-input"
         value={value}
         onChange={(event) => {
diff --git a/FrontEnd/src/pages/timeline/TimelineCard.tsx b/FrontEnd/src/pages/timeline/TimelineCard.tsx
index 133f1ef4..44dfbf9e 100644
--- a/FrontEnd/src/pages/timeline/TimelineCard.tsx
+++ b/FrontEnd/src/pages/timeline/TimelineCard.tsx
@@ -75,6 +75,7 @@ export default function TimelineCard(props: TimelinePageCardProps) {
         {user && (
           <IconButton
             icon={timeline.isBookmark ? "bookmark-fill" : "bookmark"}
+            color="primary"
             className="timeline-card-button"
             onClick={() => {
               getHttpBookmarkClient()
@@ -96,6 +97,7 @@ export default function TimelineCard(props: TimelinePageCardProps) {
         )}
         <IconButton
           icon="people"
+          color="primary"
           className="timeline-card-button"
           onClick={createDialogSwitch("member")}
         />