diff --git a/code/frontend/src/components/interactive/BoxConditionDatetime.js b/code/frontend/src/components/interactive/BoxConditionDatetime.js
index 75b6157..2a1b9b5 100644
--- a/code/frontend/src/components/interactive/BoxConditionDatetime.js
+++ b/code/frontend/src/components/interactive/BoxConditionDatetime.js
@@ -35,7 +35,7 @@ export default function BoxConditionDatetime({ ...props }) {
         return setDatetime(text)
     }
 
-    const onButtonClick = () => {
+    const onButtonClick = e => {
         const naive = new Date(datetime)
         if(naive.toString() === "Invalid Date") {
             console.debug("Refusing to add condition: ", naive , " is an Invalid Date.")
@@ -44,11 +44,14 @@ export default function BoxConditionDatetime({ ...props }) {
         const aware = convertToLocalISODate(naive)
         addCondition(new Condition("TIME", `${ba ? ">" : "<"} ${aware}`))
         setDatetime("")
+
+        // Prevent reloading the page!
+        e.preventDefault()
     }
 
     return (
         <BoxFull header={<span>Search by <FontAwesomeIcon icon={faClock}/> time period</span>} {...props}>
-            <FormInline>
+            <FormInline onSubmit={onButtonClick}>
                 <ButtonToggleBeforeAfter onUpdate={setBa}/>
                 <InputWithIcon
                     className={Style.Input}
diff --git a/code/frontend/src/components/interactive/BoxConditionHashtag.js b/code/frontend/src/components/interactive/BoxConditionHashtag.js
index 8fd6af4..ea9b550 100644
--- a/code/frontend/src/components/interactive/BoxConditionHashtag.js
+++ b/code/frontend/src/components/interactive/BoxConditionHashtag.js
@@ -32,14 +32,17 @@ export default function BoxConditionHashtag({ ...props }) {
         return setHashtag(text)
     }
 
-    const onButtonClick = () => {
+    const onButtonClick = e => {
         addCondition(new Condition("HASHTAG", hashtag))
         setHashtag("")
+
+        // Prevent reloading the page!
+        e.preventDefault()
     }
 
     return (
         <BoxFull header={<span>Search by <FontAwesomeIcon icon={faHashtag}/> hashtag</span>} {...props}>
-            <FormInline>
+            <FormInline onSubmit={onButtonClick}>
                 <InputWithIcon
                     className={Style.Input}
                     id={"condition-hashtag"}
diff --git a/code/frontend/src/components/interactive/BoxConditionUser.js b/code/frontend/src/components/interactive/BoxConditionUser.js
index 6709050..1cdc8b3 100644
--- a/code/frontend/src/components/interactive/BoxConditionUser.js
+++ b/code/frontend/src/components/interactive/BoxConditionUser.js
@@ -31,14 +31,17 @@ export default function BoxConditionUser({ ...props }) {
         return setUser(text)
     }
 
-    const onButtonClick = () => {
+    const onButtonClick = e => {
         addCondition(new Condition("USER", user))
         setUser("")
+
+        // Prevent reloading the page!
+        e.preventDefault()
     }
 
     return (
         <BoxFull header={<span>Search by <FontAwesomeIcon icon={faAt}/> user</span>} {...props}>
-            <FormInline>
+            <FormInline onSubmit={onButtonClick}>
                 <InputWithIcon
                     className={Style.Input}
                     id={"condition-hashtag"}