diff --git a/docker-compose.yml b/docker-compose.yml
index 28637b2..2f6ecf7 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -4,7 +4,7 @@ services:
   db:
     image: postgres:17-alpine
     ports:
-      - "5433:5432"
+      - "5432:5432"
     volumes:
       - postgres-data:/var/lib/postgresql/data
     environment:
diff --git a/src/components/wrappers/dashboard/admin/channels/channel/channel-form/channel-form.tsx b/src/components/wrappers/dashboard/admin/channels/channel/channel-form/channel-form.tsx
index 6c6dc90..9ee198f 100644
--- a/src/components/wrappers/dashboard/admin/channels/channel/channel-form/channel-form.tsx
+++ b/src/components/wrappers/dashboard/admin/channels/channel/channel-form/channel-form.tsx
@@ -106,10 +106,10 @@ export const ChannelForm = ({onSuccessAction, organization, defaultValues, kind}
                         <Card
                             key={type.value}
                             className={cn(
-                                "relative flex flex-col items-center justify-center gap-3 p-4 transition-all",
+                                "relative flex flex-col items-center justify-center gap-3 p-4 transition-all border",
                                 type.preview
-                                    ? "cursor-not-allowed bg-gray-200 border-gray-300 opacity-70"
-                                    : "cursor-pointer hover:bg-accent/50 hover:border-primary/50"
+                                    ? "cursor-not-allowed bg-muted/60 border-border text-muted-foreground"
+                                    : "cursor-pointer bg-background hover:bg-accent/40 hover:border-primary/50"
                             )}
                             onClick={() => {
                                 if (type.preview) return;
@@ -117,30 +117,42 @@ export const ChannelForm = ({onSuccessAction, organization, defaultValues, kind}
                                 form.setValue("config", {});
                             }}
                         >
-                            {type.preview && (
+
+                        {type.preview && (
                                 <div
                                     className="absolute bottom-0 right-0 overflow-hidden w-20 h-20 pointer-events-none">
                                     <div
-                                        className="absolute bottom-0 right-0 w-38 h-6 flex items-center justify-center
+                                        className="absolute bottom-0 right-0 w-38 h-5 flex items-center justify-center
                                             transform -rotate-45 translate-x-14 -translate-y-4"
                                         style={{backgroundColor: "#FE6702"}}
                                     >
-                                        <span className="text-white text-[8px] pr-3 font-medium text-center w-full">coming soon</span>
+                                        <span className="text-white text-[7px] pr-3 font-medium text-center w-full">COMING SOON</span>
                                     </div>
                                 </div>
                             )}
-                            <div className={cn(
-                                "h-10 w-10 rounded-full flex items-center justify-center",
-                                type.preview ? "bg-gray-400" : "bg-secondary"
-                            )}>
-                                <Icon className={cn("h-6 w-6 text-foreground", type.preview && "text-gray-700")}/>
+                            <div
+                                className={cn(
+                                    "h-10 w-10 rounded-full flex items-center justify-center transition-colors",
+                                    type.preview
+                                        ? "bg-muted"
+                                        : "bg-accent text-accent-foreground"
+                                )}
+                            >
+                                <Icon
+                                    className={cn(
+                                        "h-6 w-6",
+                                        type.preview ? "text-muted-foreground" : "text-foreground"
+                                    )}
+                                />
                             </div>
-                            <span className={cn(
-                                "font-medium text-sm align-middle text-center",
-                                type.preview ? "text-gray-500" : "text-foreground"
-                            )}>
-                            {type.label}
-                          </span>
+                            <span
+                                className={cn(
+                                    "font-medium text-sm text-center leading-tight",
+                                    type.preview ? "text-muted-foreground" : "text-foreground"
+                                )}
+                            >
+                                {type.label}
+                            </span>
                         </Card>
 
                     );
diff --git a/src/components/wrappers/dashboard/admin/channels/helpers/storage.tsx b/src/components/wrappers/dashboard/admin/channels/helpers/storage.tsx
index 91951fa..00753c9 100644
--- a/src/components/wrappers/dashboard/admin/channels/helpers/storage.tsx
+++ b/src/components/wrappers/dashboard/admin/channels/helpers/storage.tsx
@@ -4,7 +4,9 @@ import {ProviderIconTypes} from "@/components/wrappers/dashboard/admin/channels/
 
 export const storageProviders: ProviderIconTypes[] = [
     {value: "local", label: "Local", icon: Server},
-    {value: "s3", label: "s3", icon: S3Icon},
+    {value: "s3", label: "S3", icon: S3Icon},
+    {value: "blob", label: "Azure Blob Storage", icon: BlobIcon, preview: true},
+    {value: "gcs", label: "Google Cloud Storage", icon: GCSIcon, preview: true},
 ]
 
 export function S3Icon(props: SVGProps<SVGSVGElement>) {
@@ -16,3 +18,55 @@ export function S3Icon(props: SVGProps<SVGSVGElement>) {
     );
 }
 
+export function BlobIcon(props: SVGProps<SVGSVGElement>) {
+    return (
+        // <svg xmlns="http://www.w3.org/2000/svg" width={256} height={199}  {...props} viewBox="0 0 24 24">
+        //     <path fill="currentColor"
+        //           d="M13.207.006a2.16 2.16 0 0 0-1.62.582a2.15 2.15 0 0 0-.095 3.035l3.408 3.55a3.042 3.042 0 0 1-.663 4.688l-.463.239V7.285a15.42 15.42 0 0 0-8.018 10.487v.017l6.549-3.328v7.621L13.779 24V13.682l.897-.463a4.443 4.443 0 0 0 1.22-7.03l-3.37-3.525a.75.75 0 0 1 .037-1.055a.75.75 0 0 1 1.056.038l.467.486l-.006.006l4.07 4.244a.057.057 0 0 0 .082 0a.06.06 0 0 0 0-.07l-3.14-5.143l-.149.143l.149-.145C14.494.393 13.829.054 13.207.006m-.902 9.865v2.994l-4.152 2.149a14 14 0 0 1 2.767-3.928a14 14 0 0 1 1.385-1.215"/>
+        // </svg>
+        <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width={256} height={199} {...props} viewBox="0 0 48 48">
+            <path fill="#2979ff"
+                  d="M32.66,7H15.34c-0.715,0-1.375,0.381-1.732,1l-8.66,15c-0.357,0.619-0.357,1.381,0,2l8.66,15c0.357,0.619,1.018,1,1.732,1H32.66c0.715,0,1.375-0.381,1.732-1l8.66-15c0.357-0.619,0.357-1.381,0-2l-8.66-15C34.035,7.381,33.375,7,32.66,7z"></path>
+            <path fill="#fff"
+                  d="M32,35H16c-0.552,0-1-0.448-1-1V14c0-0.552,0.448-1,1-1h13l4,4v17C33,34.552,32.552,35,32,35z"></path>
+            <path fill="#b1cfff" d="M29,13v3c0,0.552,0.448,1,1,1h3L29,13z"></path>
+            <path fill="#03a9f4"
+                  d="M22.265 23.831H20.93V19.58l-1.312.383v-1.011l2.524-.873h.122V23.831zM28.702 21.48c0 .416-.049.776-.146 1.081-.097.303-.234.556-.411.756-.176.2-.387.349-.632.446-.245.097-.515.146-.81.146-.298 0-.57-.049-.816-.146-.246-.097-.457-.246-.633-.446-.176-.2-.315-.453-.413-.756-.099-.305-.147-.665-.147-1.081v-1.051c0-.413.049-.773.146-1.078.097-.305.234-.558.411-.758.176-.2.387-.349.632-.446C26.126 18.049 26.397 18 26.695 18c.295 0 .565.049.811.146.246.097.458.246.635.446.176.2.313.453.412.758.099.305.149.665.149 1.078V21.48zM27.37 20.26c0-.229-.016-.421-.047-.579-.032-.155-.076-.283-.134-.381-.058-.097-.129-.167-.212-.209-.083-.042-.176-.063-.282-.063-.105 0-.2.021-.283.063-.083.042-.153.112-.209.209-.057.097-.1.225-.13.381-.03.158-.045.35-.045.579v1.383c0 .234.014.431.045.589.03.158.075.286.133.381.058.097.129.166.213.208.084.042.179.063.284.063.103 0 .195-.021.278-.063.083-.042.154-.111.212-.208.058-.095.101-.223.132-.381.03-.158.046-.354.046-.589V20.26zM23.308 29.571c0 .416-.049.776-.146 1.081-.097.303-.234.556-.411.756-.176.2-.387.349-.632.446C21.874 31.951 21.604 32 21.309 32c-.298 0-.57-.049-.816-.146-.246-.097-.457-.246-.633-.446-.176-.2-.315-.453-.413-.756-.099-.305-.147-.665-.147-1.081V28.52c0-.413.049-.773.146-1.078.097-.305.234-.558.411-.758.176-.2.387-.349.632-.446.245-.097.516-.146.814-.146.295 0 .565.049.811.146.246.097.458.246.635.446.176.2.313.453.412.758s.149.665.149 1.078V29.571zM21.977 28.35c0-.229-.016-.421-.047-.579-.032-.155-.076-.283-.134-.381-.058-.097-.129-.167-.212-.209-.083-.042-.176-.063-.282-.063s-.2.021-.283.063c-.083.042-.153.112-.209.209-.057.097-.1.225-.13.381-.03.158-.045.35-.045.579v1.383c0 .234.014.431.045.589.03.158.075.286.133.381.058.097.129.166.213.208s.179.063.284.063c.103 0 .195-.021.278-.063.083-.042.154-.111.212-.208.058-.095.101-.223.132-.381.03-.158.046-.354.046-.589V28.35zM27.659 31.921h-1.335V27.67l-1.312.383v-1.011l2.524-.873h.122V31.921z"></path>
+        </svg>
+    );
+}
+
+export function GCSIcon(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            id="standard_product_icon"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 512 512"
+            {...props}
+        >
+            <g id="bounding_box">
+                <rect width="512" height="512" fill="none"/>
+            </g>
+            <g id="art">
+                <path
+                    fill="#34a853"
+                    d="M442,277.9H70c-8.8,0-16,7.2-16,16v148.1c0,8.8,7.2,16,16,16h107.2c1.5.5,3.1.7,4.8.7s3.3-.3,4.8-.7h255.2c8.8,0,16-7.2,16-16v-148.1c0-8.8-7.2-16-16-16ZM86,309.9h80v116.1h-80v-116.1ZM426,425.9h-228v-116.1h228v116.1Z"
+                />
+                <path
+                    fill="#fbbc04"
+                    d="M442,54H70c-8.8,0-16,7.2-16,16v148.8c0,8.8,7.2,16,16,16h372c8.8,0,16-7.2,16-16V70c0-8.8-7.2-16-16-16ZM86,86h80v116.8h-80v-116.8ZM426,202.8h-228v-116.8h228v116.8Z"
+                />
+                <path
+                    fill="#ea4335"
+                    d="M442,234.8h-16V86H54v-16c0-8.8,7.2-16,16-16h372c8.8,0,16,7.2,16,16v148.8c0,8.8-7.2,16-16,16Z"
+                />
+                <path
+                    fill="#4285f4"
+                    d="M442,457.9h-16v-148.1H54v-16c0-8.8,7.2-16,16-16h372c8.8,0,16,7.2,16,16v148.1c0,8.8-7.2,16-16,16Z"
+                />
+                <circle fill="#ea4335" cx="349" cy="144.4" r="37"/>
+                <circle fill="#4285f4" cx="349" cy="367.9" r="37"/>
+            </g>
+        </svg>
+    );
+}
\ No newline at end of file