diff --git a/src/assets/images/room-widgets/exchange-credit/exchange-credit-image.png b/src/assets/images/room-widgets/exchange-credit/exchange-credit-image.png
new file mode 100644
index 00000000..eef5da6c
Binary files /dev/null and b/src/assets/images/room-widgets/exchange-credit/exchange-credit-image.png differ
diff --git a/src/views/room/widgets/furniture/exchange-credit/FurnitureExchangeCreditView.scss b/src/views/room/widgets/furniture/exchange-credit/FurnitureExchangeCreditView.scss
index 34b1b665..db574026 100644
--- a/src/views/room/widgets/furniture/exchange-credit/FurnitureExchangeCreditView.scss
+++ b/src/views/room/widgets/furniture/exchange-credit/FurnitureExchangeCreditView.scss
@@ -1,3 +1,8 @@
 .nitro-exchange-credit {
-    width: 290px;
+
+    .exchange-image {
+        background-image: url('../../../../../assets/images/room-widgets/exchange-credit/exchange-credit-image.png');
+        width: 103px;
+        height: 103px;
+    }
 }
diff --git a/src/views/room/widgets/furniture/exchange-credit/FurnitureExchangeCreditView.tsx b/src/views/room/widgets/furniture/exchange-credit/FurnitureExchangeCreditView.tsx
index e8f6387b..d1078f66 100644
--- a/src/views/room/widgets/furniture/exchange-credit/FurnitureExchangeCreditView.tsx
+++ b/src/views/room/widgets/furniture/exchange-credit/FurnitureExchangeCreditView.tsx
@@ -2,7 +2,8 @@ import { FC, useCallback, useState } from 'react';
 import { LocalizeText, RoomWidgetCreditFurniRedeemMessage, RoomWidgetUpdateCreditFurniEvent } from '../../../../../api';
 import { BatchUpdates } from '../../../../../hooks';
 import { CreateEventDispatcherHook } from '../../../../../hooks/events/event-dispatcher.base';
-import { NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../../../../layout';
+import { NitroCardContentView, NitroCardHeaderView, NitroCardView, NitroLayoutButton, NitroLayoutFlexColumn, NitroLayoutGrid, NitroLayoutGridColumn } from '../../../../../layout';
+import { NitroLayoutBase } from '../../../../../layout/base';
 import { useRoomContext } from '../../../context/RoomContext';
 
 export const FurnitureExchangeCreditView: FC<{}> = props =>
@@ -19,35 +20,46 @@ export const FurnitureExchangeCreditView: FC<{}> = props =>
 
     CreateEventDispatcherHook(RoomWidgetUpdateCreditFurniEvent.CREDIT_FURNI_UPDATE, eventDispatcher, onRoomWidgetUpdateCreditFurniEvent);
 
-    const processAction = useCallback((type: string, value: string = null) =>
+    const close = useCallback(() =>
     {
-        switch(type)
+        BatchUpdates(() =>
         {
-            case 'close':
-                BatchUpdates(() =>
-                {
-                    setObjectId(-1);
-                    setValue(0);
-                });
-                return;
-            case 'redeem':
-                widgetHandler.processWidgetMessage(new RoomWidgetCreditFurniRedeemMessage(RoomWidgetCreditFurniRedeemMessage.REDEEM, objectId));
+            setObjectId(-1);
+            setValue(0);
+        });
+    }, []);
 
-                processAction('close');
-                return;
-        }
-    }, [ widgetHandler, objectId ]);
+    const redeem = useCallback(() =>
+    {
+        widgetHandler.processWidgetMessage(new RoomWidgetCreditFurniRedeemMessage(RoomWidgetCreditFurniRedeemMessage.REDEEM, objectId));
+
+        close();
+    }, [ widgetHandler, objectId, close ]);
 
     if(objectId === -1) return null;
 
     return (
         <NitroCardView className="nitro-exchange-credit" simple={ true }>
-            <NitroCardHeaderView headerText={ LocalizeText('catalog.redeem.dialog.title') } onCloseClick={ event => processAction('close') } />
+            <NitroCardHeaderView headerText={ LocalizeText('catalog.redeem.dialog.title') } onCloseClick={ close } />
             <NitroCardContentView>
-                <div className="text-black mb-2">
-                    { LocalizeText('widgets.furniture.credit.redeem.value', [ 'value' ], [ value.toString() ]) }
-                </div>
-                <button className="btn btn-success w-100" onClick={ event => processAction('redeem') }>{ LocalizeText('catalog.redeem.dialog.button.exchange') }</button>
+                <NitroLayoutGrid>
+                    <NitroLayoutGridColumn className="justify-content-center align-items-center" overflow="hidden" size={ 4 }>
+                        <NitroLayoutBase className="exchange-image" />
+                    </NitroLayoutGridColumn>
+                    <NitroLayoutGridColumn className="justify-content-between" overflow="hidden" size={ 8 }>
+                        <NitroLayoutFlexColumn gap={ 1 } overflow="auto">
+                            <NitroLayoutBase className="text-black fw-bold">
+                                { LocalizeText('creditfurni.description', [ 'credits' ], [ value.toString() ]) }
+                            </NitroLayoutBase>
+                            <NitroLayoutBase className="text-black">
+                                { LocalizeText('creditfurni.prompt') }
+                            </NitroLayoutBase>
+                        </NitroLayoutFlexColumn>
+                        <NitroLayoutButton variant="success" onClick={ redeem }>
+                            { LocalizeText('catalog.redeem.dialog.button.exchange') }
+                        </NitroLayoutButton>
+                    </NitroLayoutGridColumn>
+                </NitroLayoutGrid>
             </NitroCardContentView>
         </NitroCardView>
     );