diff --git a/css/app-navigation.scss b/css/app-navigation.scss
index 041b5cf50..ec637375a 100644
--- a/css/app-navigation.scss
+++ b/css/app-navigation.scss
@@ -111,7 +111,7 @@
 	}
 }
 
-#app-navigation {
+.app-navigation {
 	button.icon-share {
 		opacity: 0.3 !important;
 	}
diff --git a/css/app-sidebar.scss b/css/app-sidebar.scss
index 75b6b11d4..fbfcc4ee3 100644
--- a/css/app-sidebar.scss
+++ b/css/app-sidebar.scss
@@ -20,7 +20,7 @@
  *
  */
 
-#app-sidebar,
+.app-sidebar,
 .event-popover .popover-inner {
 
 	.app-sidebar-header__figure {
diff --git a/css/global.scss b/css/global.scss
index 4bf0a1721..3eaee745a 100644
--- a/css/global.scss
+++ b/css/global.scss
@@ -24,8 +24,8 @@
 	white-space: pre-wrap;
 }
 
-#content.app-calendar {
-	> div#app-content {
+.content.app-calendar {
+	> div.app-content {
 		overflow-x: hidden;
 	}
 }
diff --git a/css/print.scss b/css/print.scss
index d0f52547f..4e1e3737f 100644
--- a/css/print.scss
+++ b/css/print.scss
@@ -21,7 +21,7 @@
  */
 
 @media print {
-	#app-navigation {
+	.app-navigation {
 		display: none;
 	}
 }
diff --git a/css/public.scss b/css/public.scss
index 177af9355..43c8c6281 100644
--- a/css/public.scss
+++ b/css/public.scss
@@ -24,11 +24,11 @@
 	color: #a9a9a9 !important;
 }
 
-#body-public #content {
+#body-public .content {
 	min-height: 100% !important;
 }
 
-#content.app-calendar.app-calendar-public-embedded {
+.content.app-calendar.app-calendar-public-embedded {
 	#embed-header {
 		position: fixed;
 		top: 0;
@@ -61,7 +61,7 @@
 		}
 	}
 
-	#app-content {
+	.app-content {
 		margin-top: 44px
 		//position: absolute !important;
 		//top: 44px;