diff --git a/reminder-dashboard/src/components/Reminder/TopBar/Guild.tsx b/reminder-dashboard/src/components/Reminder/TopBar/Guild.tsx
index ae9927b..0002e0c 100644
--- a/reminder-dashboard/src/components/Reminder/TopBar/Guild.tsx
+++ b/reminder-dashboard/src/components/Reminder/TopBar/Guild.tsx
@@ -55,7 +55,7 @@ export const Guild = ({ toggleCollapsed }) => {
         <div class="columns is-mobile column reminder-topbar">
             {isSuccess && <div class="invert-collapses channel-bar">#{channelName(reminder)}</div>}
             <Name />
-            <div class="invert-collapses time-bar">in {string}</div>
+            <div class="time-bar">in {string}</div>
             <div class="hide-button-bar">
                 <button class="button hide-box" onClick={toggleCollapsed}>
                     <span class="is-sr-only">Hide reminder</span>
diff --git a/reminder-dashboard/src/components/Reminder/TopBar/User.tsx b/reminder-dashboard/src/components/Reminder/TopBar/User.tsx
index e1459c0..9ee58a3 100644
--- a/reminder-dashboard/src/components/Reminder/TopBar/User.tsx
+++ b/reminder-dashboard/src/components/Reminder/TopBar/User.tsx
@@ -39,7 +39,7 @@ export const User = ({ toggleCollapsed }) => {
     return (
         <div class="columns is-mobile column reminder-topbar">
             <Name />
-            <div class="invert-collapses time-bar">in {string}</div>
+            <div class="time-bar">in {string}</div>
             <div class="hide-button-bar">
                 <button class="button hide-box" onClick={toggleCollapsed}>
                     <span class="is-sr-only">Hide reminder</span>