diff --git a/layout/sidebar/sidebar.pixy b/layout/sidebar/sidebar.pixy
index 8fbc437c..6dd62b05 100644
--- a/layout/sidebar/sidebar.pixy
+++ b/layout/sidebar/sidebar.pixy
@@ -40,12 +40,12 @@ component Sidebar(user *arn.User)
 		SidebarButton("Companies", "/companies", "building")
 		SidebarButton("Users", "/users", "globe")
 
-		if user != nil
-			SidebarButton("Support", "/support", "heart")
-		
 		if arn.IsDevelopment()
 			SidebarButton("Groups", "/groups", "users")
 
+		if user != nil
+			SidebarButton("Support", "/support", "heart")
+
 		//- Disabled:
 		//- SidebarButton("Dash", "/dashboard", "tachometer")
 		//- SidebarButton("Artworks", "/artworks", "paint-brush")
diff --git a/pages/anime/amvs.scarlet b/pages/anime/amvs.scarlet
index a3fb6451..57edb78c 100644
--- a/pages/anime/amvs.scarlet
+++ b/pages/anime/amvs.scarlet
@@ -5,4 +5,4 @@
 	.anime-amvs
 		.amv
 			max-width 200px
-			margin calc(content-padding / 2)
\ No newline at end of file
+			margin content-padding-half
\ No newline at end of file
diff --git a/pages/anime/soundtracks.scarlet b/pages/anime/soundtracks.scarlet
index e387a35e..7c593057 100644
--- a/pages/anime/soundtracks.scarlet
+++ b/pages/anime/soundtracks.scarlet
@@ -18,7 +18,7 @@
 
 		.soundtrack
 			max-width 200px
-			margin calc(content-padding / 2)
+			margin content-padding-half
 
 		.soundtrack-content
 			min-height 112px
diff --git a/pages/animelist/animelist.scarlet b/pages/animelist/animelist.scarlet
index 757323d9..40e9200c 100644
--- a/pages/animelist/animelist.scarlet
+++ b/pages/animelist/animelist.scarlet
@@ -1,7 +1,7 @@
 .anime-list-user-avatar
 	position absolute
-	top calc(content-padding / 2)
-	left calc(content-padding / 2)
+	top content-padding-half
+	left content-padding-half
 
 .anime-list-container
 	width 100%
diff --git a/pages/animelistitem/animelistitem.scarlet b/pages/animelistitem/animelistitem.scarlet
index 1a72b738..77f12549 100644
--- a/pages/animelistitem/animelistitem.scarlet
+++ b/pages/animelistitem/animelistitem.scarlet
@@ -3,7 +3,7 @@
 	width 100%
 	max-width 530px
 	margin 0 auto
-	margin-top calc(content-padding / 2)
+	margin-top content-padding-half
 
 .anime-list-item-others
 	display grid
diff --git a/pages/companies/popular.scarlet b/pages/companies/popular.scarlet
index 76a71b43..a8996d21 100644
--- a/pages/companies/popular.scarlet
+++ b/pages/companies/popular.scarlet
@@ -8,7 +8,7 @@ const popular-company-height = 246px
 	vertical
 	width 100%
 	margin 0
-	margin-bottom calc(content-padding / 2)
+	margin-bottom content-padding-half
 	padding 0.5rem 0.75rem
 	overflow hidden
 	ui-element
@@ -40,7 +40,7 @@ const popular-company-height = 246px
 		height popular-company-height
 		max-height popular-company-height
 		padding 0.75rem 1rem
-		margin calc(content-padding / 2)
+		margin content-padding-half
 
 	.popular-company-body
 		display block
diff --git a/pages/explore/explore.scarlet b/pages/explore/explore.scarlet
index 0f0b6004..779e4647 100644
--- a/pages/explore/explore.scarlet
+++ b/pages/explore/explore.scarlet
@@ -1,10 +1,10 @@
 .explore-filters
 	horizontal
 	justify-content center
-	margin-bottom calc(content-padding / 2)
+	margin-bottom content-padding-half
 
 .explore-anime
-	margin-top calc(content-padding / 2)
+	margin-top content-padding-half
 
 .option-any
 	color reverse-light-hover-color
diff --git a/pages/groups/groups.scarlet b/pages/groups/groups.scarlet
index 48d994f8..856e95a9 100644
--- a/pages/groups/groups.scarlet
+++ b/pages/groups/groups.scarlet
@@ -3,7 +3,7 @@ const group-padding-x = 0.75rem
 
 .groups
 	display grid
-	grid-gap calc(content-padding / 2)
+	grid-gap content-padding-half
 	// grid-template-columns repeat(auto-fill, min(100%, 520px))
 	// justify-content center
 
diff --git a/pages/profile/profile.scarlet b/pages/profile/profile.scarlet
index d8f2a42f..187e463d 100644
--- a/pages/profile/profile.scarlet
+++ b/pages/profile/profile.scarlet
@@ -46,7 +46,7 @@ const profile-image-size = 280px
 .profile-column
 	// border 1px solid red
 	// height 100px
-	padding calc(content-padding / 2)
+	padding content-padding-half
 
 .profile-column-header
 	font-style bold
diff --git a/pages/soundtrack/lyrics.scarlet b/pages/soundtrack/lyrics.scarlet
index b42f01e1..6fe95a19 100644
--- a/pages/soundtrack/lyrics.scarlet
+++ b/pages/soundtrack/lyrics.scarlet
@@ -6,7 +6,7 @@
 	flex 1
 	min-width 300px
 	max-width 500px
-	padding calc(content-padding / 2)
+	padding content-padding-half
 
 .lyrics-paragraph
 	margin 1rem 0
diff --git a/pages/users/users.scarlet b/pages/users/users.scarlet
index 9cd8a75c..ead6e8e6 100644
--- a/pages/users/users.scarlet
+++ b/pages/users/users.scarlet
@@ -14,7 +14,7 @@
 		flex-basis 170px
 		flex-grow 0
 		height 230px
-		margin calc(content-padding / 2)
+		margin content-padding-half
 		position relative
 		border ui-border
 		box-shadow shadow-light
diff --git a/styles/include/config.scarlet b/styles/include/config.scarlet
index 22de7f9b..dcb00191 100644
--- a/styles/include/config.scarlet
+++ b/styles/include/config.scarlet
@@ -122,6 +122,7 @@ outline-shadow-heavy = 0 0 6px rgba(0, 0, 0, 0.6)
 // Distances
 const content-padding = 1.6rem
 const content-padding-top = 1.6rem
+const content-padding-half = calc(content-padding / 2)
 const content-line-height = 1.7em
 const typography-margin = 0.4rem
 const media-bottom-margin = 2rem
diff --git a/styles/status-message.scarlet b/styles/status-message.scarlet
index f932353e..731fbf54 100644
--- a/styles/status-message.scarlet
+++ b/styles/status-message.scarlet
@@ -4,7 +4,7 @@
 	bottom 0
 	left 0
 	width 100%
-	padding calc(content-padding / 2) content-padding
+	padding content-padding-half content-padding
 	pointer-events none
 	z-index 1000
 
diff --git a/styles/widgets.scarlet b/styles/widgets.scarlet
index 26581c2d..ff3fcfe5 100644
--- a/styles/widgets.scarlet
+++ b/styles/widgets.scarlet
@@ -1,7 +1,7 @@
 .widget
 	vertical
 	flex 1
-	margin calc(content-padding / 2)
+	margin content-padding-half
 
 .widget-section
 	vertical