From 49354ea54b606b2988f073e74f7af87d5b424244 Mon Sep 17 00:00:00 2001
From: sarthakNITT <sarthakkarodework@gmail.com>
Date: Sat, 23 May 2026 02:24:08 +0530
Subject: [PATCH] small UI bug

---
 .../src/react-app/design-system/extension-detail-modal.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/apps/app/src/react-app/design-system/extension-detail-modal.tsx b/apps/app/src/react-app/design-system/extension-detail-modal.tsx
index f6823dbf7f..387b2c1bfc 100644
--- a/apps/app/src/react-app/design-system/extension-detail-modal.tsx
+++ b/apps/app/src/react-app/design-system/extension-detail-modal.tsx
@@ -195,9 +195,8 @@ export function ExtensionDetailModal(props: ExtensionDetailModalProps) {
             {/* Icon */}
             <div className="relative shrink-0">
               <div
-                className={`flex size-12 items-center justify-center rounded-xl border ${
-                  connected ? "border-green-6 bg-green-2" : "border-dls-border bg-dls-hover"
-                }`}
+                className={`flex size-12 items-center justify-center rounded-xl border ${connected ? "border-green-6 bg-green-2" : "border-dls-border bg-dls-hover"
+                  }`}
               >
                 {resolvedIconSrc ? (
                   <div className="flex size-8 items-center justify-center rounded-md bg-white">
@@ -345,7 +344,7 @@ export function ExtensionDetailModal(props: ExtensionDetailModalProps) {
         </div>
 
         <DialogFooter className="shrink-0">
-          <div className="flex justify-between">
+          <div className="flex justify-between gap-2">
             <div>
               {connected && onUninstall ? (
                 <Button