From b665ed935f2dfcbef5040180d0f9dccfb775dbaf Mon Sep 17 00:00:00 2001
From: Gerhard Steenkamp <gerhard.m.steenkamp@gmail.com>
Date: Mon, 27 Nov 2023 15:48:32 +0200
Subject: [PATCH 1/3] use TuneSwitch component over checkbox

---
 src/components/SpaceCreateOsnap.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/SpaceCreateOsnap.vue b/src/components/SpaceCreateOsnap.vue
index 5317b43d..fd0c2e24 100644
--- a/src/components/SpaceCreateOsnap.vue
+++ b/src/components/SpaceCreateOsnap.vue
@@ -26,12 +26,11 @@ defineEmits<{
         organizations Safe will execute if approved? (Remember, oSnap enables
         trustless and permissionless execution)
       </p>
-      <input
-        id="toggleOsnap"
-        type="checkbox"
-        :checked="shouldUseOsnap"
+      <TuneSwitch
+        :model-value="shouldUseOsnap"
+        label="Yes, use oSnap for transactions (this will restrict voting type to Basic)."
         :disabled="legacyOsnap.enabled"
-        @change="$emit('toggleShouldUseOsnap')"
+        @update:modelValue="$emit('toggleShouldUseOsnap')"
       />
       <label for="toggleOsnap">
         Yes, use oSnap for transactions (this will restrict voting type to

From 504ed3828c8475fe93f833c75de4812ebfba9525 Mon Sep 17 00:00:00 2001
From: Gerhard Steenkamp <gerhard.m.steenkamp@gmail.com>
Date: Mon, 27 Nov 2023 15:53:50 +0200
Subject: [PATCH 2/3] remove duplicate label

---
 src/components/SpaceCreateOsnap.vue | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/components/SpaceCreateOsnap.vue b/src/components/SpaceCreateOsnap.vue
index fd0c2e24..ff806f33 100644
--- a/src/components/SpaceCreateOsnap.vue
+++ b/src/components/SpaceCreateOsnap.vue
@@ -32,10 +32,6 @@ defineEmits<{
         :disabled="legacyOsnap.enabled"
         @update:modelValue="$emit('toggleShouldUseOsnap')"
       />
-      <label for="toggleOsnap">
-        Yes, use oSnap for transactions (this will restrict voting type to
-        Basic).
-      </label>
     </div>
   </div>
 </template>

From 37d2d7489f5e8967fd75a981e64cb06d69223b1c Mon Sep 17 00:00:00 2001
From: Gerhard Steenkamp <gerhard.m.steenkamp@gmail.com>
Date: Mon, 27 Nov 2023 15:58:55 +0200
Subject: [PATCH 3/3] create bordered container

---
 src/components/SpaceCreateOsnap.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/SpaceCreateOsnap.vue b/src/components/SpaceCreateOsnap.vue
index ff806f33..12dd6edd 100644
--- a/src/components/SpaceCreateOsnap.vue
+++ b/src/components/SpaceCreateOsnap.vue
@@ -10,7 +10,9 @@ defineEmits<{
 </script>
 
 <template>
-  <div class="mb-4">
+  <div
+    class="mb-4 border-y border-skin-border bg-skin-block-bg text-base md:rounded-xl md:border p-4"
+  >
     <div v-if="legacyOsnap.enabled">
       <h6>Warning</h6>
       <p class="mb-3">