diff --git a/assets/sass/user_styles.scss b/assets/sass/user_styles.scss
index 7d31817..e09440d 100644
--- a/assets/sass/user_styles.scss
+++ b/assets/sass/user_styles.scss
@@ -24,7 +24,7 @@ body {
 .content-button {
   display: button;
   background-color: #004191;
-  padding: 1.0rem;
+  padding: 1rem;
   margin: 0.5rem auto;
   border: none;
   text-align: center;
@@ -34,8 +34,8 @@ body {
 
 .content-button-text {
   color: #ffffff;
-  padding-top: 1.0rem;
-  padding-bottom: 1.0rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
 }
 
 .content-button-bg {
@@ -58,5 +58,5 @@ body {
 .satrs-img {
   max-width: 20%;
   height: auto;
-  margin-bottom: 1.0rem;
+  margin-bottom: 1rem;
 }
diff --git a/content/projects/fsfw/index.html b/content/projects/fsfw/index.html
index 5709401..52eca9e 100644
--- a/content/projects/fsfw/index.html
+++ b/content/projects/fsfw/index.html
@@ -18,7 +18,7 @@ homeLogoCss = "fsfw-img"
   </div>
 
   <h2><i class="bi bi-file-text"></i> Documentation</h2>
-  <div class="row row-cols-2 w-50 mx-auto my-4 gx-3">
+  <div class="row row-cols-2 w-md-25 mx-auto my-4 gx-3">
     <div class="col">
       <a
         href="https://documentation.irs.uni-stuttgart.de/projects/fsfw/development/"
@@ -44,7 +44,7 @@ homeLogoCss = "fsfw-img"
   </div>
 
   <h2><i class="bi bi-git"></i> Repository</h2>
-  <div class="row w-25 mx-auto pb-3 my-3">
+  <div class="row w-50 mx-auto pb-3 my-3">
     <div class="col">
       <a
         href="https://egit.irs.uni-stuttgart.de/fsfw/fsfw"
@@ -59,7 +59,7 @@ homeLogoCss = "fsfw-img"
   </div>
 
   <h2><i class="bi bi-check"></i> Test Coverage</h2>
-  <div class="row row-cols-2 w-50 mx-auto my-4 gx-3">
+  <div class="row row-cols-2 wd-sm-50 w-md-25 mx-auto my-4 gx-3">
     <div class="col text-end">
       <a
         href="https://documentation.irs.uni-stuttgart.de/projects/fsfw/coverage/development/"
diff --git a/content/projects/sat-rs/index.html b/content/projects/sat-rs/index.html
index c909d11..f7eddf0 100644
--- a/content/projects/sat-rs/index.html
+++ b/content/projects/sat-rs/index.html
@@ -18,8 +18,8 @@ homeLogoCss = "satrs-img"
   </div>
 
   <h2><i class="bi bi-file-text"></i> Documentation</h2>
-  <div class="row row-cols-2 w-50 mx-auto my-4 gx-3">
-    <div class="col text-end">
+  <div class="row row-cols-2 w-md-50 mx-auto my-4 gx-3">
+    <div class="col">
       <a
         href="/projects/sat-rs/book"
         class="col d-flex flex-column justify-content-center text-decoration-none"
@@ -30,7 +30,7 @@ homeLogoCss = "satrs-img"
         </span>
       </a>
     </div>
-    <div class="col text-start">
+    <div class="col">
       <a
         href="https://docs.rs/satrs-core"
         class="col d-flex flex-column justify-content-center text-decoration-none"
@@ -44,7 +44,7 @@ homeLogoCss = "satrs-img"
   </div>
 
   <h2><i class="bi bi-git"></i> Repository</h2>
-  <div class="row row-cols-2 w-50 mx-auto my-4 gx-3">
+  <div class="row row-cols-2 w-md-50 mx-auto my-4 gx-3">
     <div class="col">
       <a
         href="https://egit.irs.uni-stuttgart.de/rust/sat-rs"
@@ -70,7 +70,7 @@ homeLogoCss = "satrs-img"
   </div>
 
   <h2><i class="bi bi-lightbulb"></i> Examples</h2>
-  <div class="row w-25 mx-auto pb-3 my-3">
+  <div class="row w-sm-50 w-md-25 mx-auto pb-3 my-3">
     <div class="col">
       <a
         href="https://egit.irs.uni-stuttgart.de/rust/sat-rs/src/branch/main/satrs-example"
diff --git a/content/projects/spacepackets/index.html b/content/projects/spacepackets/index.html
index 2fa3525..2a0300c 100644
--- a/content/projects/spacepackets/index.html
+++ b/content/projects/spacepackets/index.html
@@ -13,7 +13,7 @@ draft = false
   </div>
 
   <h1>Python</h1>
-  <div class="row row-cols-2 w-50 mx-auto my-4 gx-3">
+  <div class="row row-cols-2 w-md-50 mx-auto my-4 gx-3">
     <div class="col">
       <a
         href="https://github.com/us-irs/spacepackets-py"
@@ -44,7 +44,7 @@ draft = false
 
   <h1>Rust</h1>
   <h2><i class="bi bi-git"></i> Repository</h2>
-  <div class="row row-cols-2 w-50 mx-auto my-4 gx-3">
+  <div class="row row-cols-2 w-md-50 mx-auto my-4 gx-3">
     <div class="col">
       <a
         href="https://egit.irs.uni-stuttgart.de/rust/spacepackets"
@@ -70,7 +70,7 @@ draft = false
   </div>
 
   <h2><i class="bi bi-file-text"></i> Documentation</h2>
-  <div class="row w-25 mx-auto pb-3 my-3">
+  <div class="row w-sm-50 w-md-25 mx-auto pb-3 my-3">
     <div class="col">
       <a
         href="https://docs.rs/spacepackets"
diff --git a/themes/minimal-theme/assets/sass/theme_styles.scss b/themes/minimal-theme/assets/sass/theme_styles.scss
index 8b13789..102d96c 100644
--- a/themes/minimal-theme/assets/sass/theme_styles.scss
+++ b/themes/minimal-theme/assets/sass/theme_styles.scss
@@ -1 +1,5 @@
-
+// Add responsive to width utility
+$utilities: map-merge(
+  $utilities,
+  ("width": map-merge(map-get($utilities, "width"), (responsive: true)))
+);