diff --git a/_portfolio/react-weather-app.mdx b/_portfolio/react-weather-app.mdx
index 7102676..074f20f 100644
--- a/_portfolio/react-weather-app.mdx
+++ b/_portfolio/react-weather-app.mdx
@@ -2,7 +2,7 @@
 title: 'React Weather App'
 description: 'Weather app made with React and OpenWeatherMap API'
 date: '2021-09-19'
-image: 'https://res.cloudinary.com/dun9hhyz1/image/upload/v1632076525/personal-website/portfolio/tuxpi.com.1632076521_a0wxsq.jpg'
+image: 'https://res.cloudinary.com/dun9hhyz1/image/upload/v1632077200/personal-website/portfolio/react-weather-app/tuxpi.com.1632076521_a0wxsq_hw299g.jpg'
 hideImage: true
 ---
 
@@ -19,10 +19,10 @@ This is a project that I made as a step in the interview process for my final ye
 
 # Showcase
 
-<Button variant='outline' link='https://github.com/hazemKrimi/react-weather-app'>
-	Source Code
-</Button>
-
 <Button variant='action' link='https://hazemkrimi.github.io/react-weather-app'>
 	Demo
 </Button>
+
+<Button variant='outline' link='https://github.com/hazemKrimi/react-weather-app'>
+	Source Code
+</Button>
diff --git a/pages/blog/[slug].tsx b/pages/blog/[slug].tsx
index f2acd9a..b1fb54b 100644
--- a/pages/blog/[slug].tsx
+++ b/pages/blog/[slug].tsx
@@ -95,6 +95,10 @@ const Wrapper = styled.div`
 			margin: 0.5rem 0rem;
 		}
 
+		button {
+			margin: 1rem 0rem;
+		}
+
 		p * {
 			width: 100%;
 			height: auto;
diff --git a/pages/portfolio/[slug].tsx b/pages/portfolio/[slug].tsx
index f7e1506..b134835 100644
--- a/pages/portfolio/[slug].tsx
+++ b/pages/portfolio/[slug].tsx
@@ -81,6 +81,10 @@ const Wrapper = styled.div`
 			margin: 0.5rem 0rem;
 		}
 
+		button {
+			margin: 1rem 0rem;
+		}
+
 		p * {
 			width: 100%;
 			height: auto;