diff --git a/ui/src/components/styles/BlueprintView.css b/ui/src/components/styles/BlueprintView.css
index da563c0e..9c6e241d 100644
--- a/ui/src/components/styles/BlueprintView.css
+++ b/ui/src/components/styles/BlueprintView.css
@@ -10,6 +10,7 @@
   justify-content: space-around;
   align-items: flex-start;
   margin-bottom: 20px;
+  gap: 30px 25px;
 }
 
 .bp-preview-indicator-wrap {
diff --git a/ui/src/components/styles/VirtualInfraView.css b/ui/src/components/styles/VirtualInfraView.css
index a33bc896..10a761c8 100644
--- a/ui/src/components/styles/VirtualInfraView.css
+++ b/ui/src/components/styles/VirtualInfraView.css
@@ -3,7 +3,7 @@
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
-  gap: 30px 10px;
+  gap: 30px 25px;
 }
 
 .infra-controls {