diff --git a/packages/atlas-core/CHANGELOG.md b/packages/atlas-core/CHANGELOG.md
index 60fe6c877..524633ba4 100644
--- a/packages/atlas-core/CHANGELOG.md
+++ b/packages/atlas-core/CHANGELOG.md
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Fixed
+
+-   We fixed an issue with "Hide on tablet" and "Hide on phone" design properties not working correctly on some devices.
+
 ## [3.12.0] Atlas Core - 2023-9-22
 
 ## Added
diff --git a/packages/atlas-core/package.json b/packages/atlas-core/package.json
index 4077392d9..891b44e86 100644
--- a/packages/atlas-core/package.json
+++ b/packages/atlas-core/package.json
@@ -1,7 +1,7 @@
 {
   "name": "atlas-core",
   "moduleName": "Atlas Core",
-  "version": "3.12.0",
+  "version": "3.12.1",
   "license": "Apache-2.0",
   "copyright": "© Mendix Technology BV 2022. All rights reserved.",
   "repository": {
diff --git a/packages/atlas/src/themesource/atlas_core/web/core/helpers/_helper-classes.scss b/packages/atlas/src/themesource/atlas_core/web/core/helpers/_helper-classes.scss
index e3b7d6f9f..8d2503424 100644
--- a/packages/atlas/src/themesource/atlas_core/web/core/helpers/_helper-classes.scss
+++ b/packages/atlas/src/themesource/atlas_core/web/core/helpers/_helper-classes.scss
@@ -195,12 +195,18 @@
             display: none #{$important-helpers-value};
         }
     }
+    .profile-phone .hide-phone {
+        display: none #{$important-helpers-value};
+    }
 
     @media (min-width: $screen-md) and (max-width: $screen-md-max) {
         .hide-tablet {
             display: none #{$important-helpers-value};
         }
     }
+    .profile-tablet .hide-tablet {
+        display: none #{$important-helpers-value};
+    }
 
     @media (min-width: $screen-lg) {
         .hide-desktop {