diff --git a/epicyon-profile.css b/epicyon-profile.css
index 5580786be..c7b11a08f 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -659,6 +659,13 @@ a:focus {
     padding: 0 0;
     margin: 0 0;
 }
+.containerNoOverflow img.right {
+    float: var(--icons-side);
+    margin-left: 0px;
+    margin-right:0;
+    padding: 0 0;
+    margin: 0 0;
+}
 .containerHeader img.right {
     float: var(--icons-side);
     margin-left: 0px;
@@ -1051,16 +1058,26 @@ div.container {
         padding-bottom: var(--container-padding-bottom);
         margin: var(--vertical-between-posts);
     }
-    .containerNewPost {
-	border: var(--border-width) solid var(--border-color);
-	background-color: var(--main-bg-color);
-	border-radius: var(--timeline-border-radius);
-	padding-left: var(--container-padding);
+    .containerNoOverflow {
+        border: var(--border-width) solid var(--border-color);
+        background-color: var(--post-bg-color);
+        border-radius: var(--timeline-border-radius);
+        padding-left: var(--container-padding);
         padding-right: var(--container-padding);
         padding-top: var(--container-padding);
         padding-bottom: var(--container-padding-bottom);
-     	margin: var(--vertical-between-posts);
-    }    
+        margin: var(--vertical-between-posts);
+    }
+    .containerNewPost {
+        border: var(--border-width) solid var(--border-color);
+        background-color: var(--main-bg-color);
+        border-radius: var(--timeline-border-radius);
+        padding-left: var(--container-padding);
+        padding-right: var(--container-padding);
+        padding-top: var(--container-padding);
+        padding-bottom: var(--container-padding-bottom);
+        margin: var(--vertical-between-posts);
+    }
     h3.linksHeader {
         background-color: var(--column-left-header-background);
         color: var(--column-left-header-color);
@@ -1273,6 +1290,14 @@ div.container {
         margin-right: 20px;
         border-radius: var(--image-corners);
     }
+    .containerNoOverflow img {
+        float: left;
+        max-width: 400px;
+        width: 5%;
+        padding: 0px 7px;
+        margin-right: 20px;
+        border-radius: var(--image-corners);
+    }
     .containerHeader img {
         float: left;
         max-width: 400px;
@@ -1757,16 +1782,26 @@ div.container {
         padding-bottom: var(--container-padding-bottom-mobile);
         margin: var(--vertical-between-posts);
     }
-    .containerNewPost {
-	border: var(--border-width) solid var(--border-color);
-	background-color: var(--main-bg-color);
-	border-radius: var(--timeline-border-radius);
-	padding-left: var(--container-padding);
+    .containerNoOverflow {
+        border: var(--border-width) solid var(--border-color);
+        background-color: var(--post-bg-color);
+        border-radius: var(--timeline-border-radius);
+        padding-left: var(--container-padding);
         padding-right: var(--container-padding);
         padding-top: var(--container-padding);
         padding-bottom: var(--container-padding-bottom-mobile);
-     	margin: var(--vertical-between-posts);
-    }    
+        margin: var(--vertical-between-posts);
+    }
+    .containerNewPost {
+        border: var(--border-width) solid var(--border-color);
+        background-color: var(--main-bg-color);
+        border-radius: var(--timeline-border-radius);
+        padding-left: var(--container-padding);
+        padding-right: var(--container-padding);
+        padding-top: var(--container-padding);
+        padding-bottom: var(--container-padding-bottom-mobile);
+        margin: var(--vertical-between-posts);
+    }
     h3.linksHeader {
         background-color: var(--column-left-header-background);
         color: var(--column-left-header-color);
@@ -1952,6 +1987,14 @@ div.container {
         margin-right: 20px;
         border-radius: var(--image-corners);
     }
+    .containerNoOverflow img {
+        float: left;
+        max-width: 400px;
+        width: 15%;
+        padding: 0px 7px;
+        margin-right: 20px;
+        border-radius: var(--image-corners);
+    }
     .containerHeader img {
         float: left;
         max-width: 400px;
diff --git a/webapp_create_post.py b/webapp_create_post.py
index 079f1d92c..064b4e8f4 100644
--- a/webapp_create_post.py
+++ b/webapp_create_post.py
@@ -205,10 +205,12 @@ def htmlNewPost(cssCache: {}, mediaInstance: bool, translate: {},
         isNewReminder = True
 
     # the date and time
-    dateAndTimeStr = \
-        '<p><img loading="lazy" alt="" title="" ' + \
-        'class="emojicalendar" src="/' + \
-        'icons/calendar.png"/>\n'
+    dateAndTimeStr = '<p>\n'
+    if not isNewReminder:
+        dateAndTimeStr += \
+            '<img loading="lazy" alt="" title="" ' + \
+            'class="emojicalendar" src="/' + \
+            'icons/calendar.png"/>\n'
     # select a date and time for this post
     dateAndTimeStr += '<label class="labels">' + \
         translate['Date'] + ': </label>\n'
@@ -216,7 +218,7 @@ def htmlNewPost(cssCache: {}, mediaInstance: bool, translate: {},
     dateAndTimeStr += '<label class="labelsright">' + \
         translate['Time'] + ': '
     dateAndTimeStr += \
-        '<input type="time" name="eventTime"></label></p>\n'
+        '<input type="time" name="eventTime"></label>\n</p>\n'
 
     showPublicOnDropdown = True
     messageBoxHeight = 400
@@ -745,7 +747,7 @@ def htmlNewPost(cssCache: {}, mediaInstance: bool, translate: {},
 
     # for reminders show the date and time at the top
     if isNewReminder:
-        newPostForm += '<div class="container">\n'
+        newPostForm += '<div class="containerNoOverflow">\n'
         newPostForm += dateAndTimeStr
         newPostForm += '</div>\n'