diff --git a/frontend/src/Movie/Details/MovieReleaseDates.css b/frontend/src/Movie/Details/MovieReleaseDates.css
index 8630f4d45..7b50624cc 100644
--- a/frontend/src/Movie/Details/MovieReleaseDates.css
+++ b/frontend/src/Movie/Details/MovieReleaseDates.css
@@ -1,3 +1,6 @@
 .dateIcon {
-  padding-right: 15px;
+  display: inline-block;
+  padding-right: 10px;
+  width: 30px;
+  text-align: center;
 }
diff --git a/frontend/src/Movie/Details/MovieReleaseDates.js b/frontend/src/Movie/Details/MovieReleaseDates.js
index d6abd10c7..ace6fe4be 100644
--- a/frontend/src/Movie/Details/MovieReleaseDates.js
+++ b/frontend/src/Movie/Details/MovieReleaseDates.js
@@ -20,33 +20,33 @@ function MovieReleaseDates(props) {
       {
         !!inCinemas &&
           <div >
-            <span className={styles.dateIcon}>
+            <div className={styles.dateIcon}>
               <Icon
                 name={icons.IN_CINEMAS}
               />
-            </span>
+            </div>
             {getRelativeDate(inCinemas, shortDateFormat, showRelativeDates, { timeFormat, timeForToday: false })}
           </div>
       }
       {
         !!digitalRelease &&
           <div >
-            <span className={styles.dateIcon}>
+            <div className={styles.dateIcon}>
               <Icon
                 name={icons.MOVIE_FILE}
               />
-            </span>
+            </div>
             {getRelativeDate(digitalRelease, shortDateFormat, showRelativeDates, { timeFormat, timeForToday: false })}
           </div>
       }
       {
         !!physicalRelease &&
           <div >
-            <span className={styles.dateIcon}>
+            <div className={styles.dateIcon}>
               <Icon
                 name={icons.DISC}
               />
-            </span>
+            </div>
             {getRelativeDate(physicalRelease, shortDateFormat, showRelativeDates, { timeFormat, timeForToday: false })}
           </div>
       }