diff --git a/14th-team5-iOS/App/Sources/Presentation/Account/AccountSignIn/AccountSignInViewController.swift b/14th-team5-iOS/App/Sources/Presentation/Account/AccountSignIn/AccountSignInViewController.swift
index 05269d5b0..34e6c6dbd 100644
--- a/14th-team5-iOS/App/Sources/Presentation/Account/AccountSignIn/AccountSignInViewController.swift
+++ b/14th-team5-iOS/App/Sources/Presentation/Account/AccountSignIn/AccountSignInViewController.swift
@@ -32,8 +32,8 @@ public final class AccountSignInViewController: BaseViewController<AccountSignIn
     private let titleLabel = BBLabel(.body1Bold, textAlignment: .center, textColor: .gray200)
     private let loginImageView = UIImageView()
     
-    private let kakaoLoginButton = UIButton()
-    private let appleLoginButton = UIButton()
+    private let kakaoLoginButton = BBButton()
+    private let appleLoginButton = BBButton()
     private let loginStack = UIStackView()
     
     override public func viewWillAppear(_ animated: Bool) {
@@ -69,16 +69,25 @@ public final class AccountSignInViewController: BaseViewController<AccountSignIn
         loginStack.do {
             $0.axis = .vertical
             $0.spacing = Metric.spacing
-            $0.alignment = .fill
-            $0.distribution = .fill
+            $0.distribution = .fillEqually
         }
         
         kakaoLoginButton.do {
-            $0.setImage(DesignSystemAsset.kakaoLogin.image, for: .normal)
+            $0.setImage(DesignSystemAsset.kakao.image)
+            $0.setTitle("Kakao로 계속하기", for: .normal)
+            $0.backgroundColor = UIColor(red: 254/255, green: 229/255, blue: 0/255, alpha: 1)
+            $0.layer.cornerRadius = 8
+            $0.setTitleColor(.bibbiBlack, for: .normal)
+            $0.setTitleFontStyle(.head2Bold)
         }
         
         appleLoginButton.do {
-            $0.setImage(DesignSystemAsset.appleLogin.image, for: .normal)
+            $0.setImage(DesignSystemAsset.apple.image)
+            $0.setTitle("Apple로 계속하기", for: .normal)
+            $0.backgroundColor = UIColor(red: 254/255, green: 254/255, blue: 254/255, alpha: 1)
+            $0.layer.cornerRadius = 8
+            $0.setTitleColor(.bibbiBlack, for: .normal)
+            $0.setTitleFontStyle(.head2Bold)
         }
     }
     
@@ -102,8 +111,9 @@ public final class AccountSignInViewController: BaseViewController<AccountSignIn
         }
         
         loginStack.snp.makeConstraints {
-            $0.horizontalEdges.equalToSuperview().inset(Metric.inset)
-            $0.bottom.equalTo(view.safeAreaLayoutGuide).offset(Metric.loginOffset)
+            $0.height.equalTo(124)
+            $0.horizontalEdges.equalToSuperview().inset(20)
+            $0.bottom.equalTo(view.safeAreaLayoutGuide).offset(12)
         }
     }
     
diff --git a/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBButton/BBButton.swift b/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBButton/BBButton.swift
index 21034c7c1..814340015 100644
--- a/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBButton/BBButton.swift
+++ b/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBButton/BBButton.swift
@@ -14,7 +14,8 @@ import SnapKit
 public class BBButton: UIButton {
     
     // MARK: - Views
-    
+    private var mainStackView: UIStackView = UIStackView()
+    public var mainImageView: UIImageView = UIImageView()
     public var mainTitleLabel: BBLabel = BBLabel()
     
     // MARK: - Properties
@@ -65,17 +66,23 @@ public class BBButton: UIButton {
     // MARK: - Helpers
     
     private func setupUI() {
-        addSubview(mainTitleLabel)
-        
+        addSubviews(mainStackView)
+        mainStackView.addArrangedSubviews(mainImageView, mainTitleLabel)
     }
     
     private func setupConstraints() {
-        mainTitleLabel.snp.makeConstraints {
+        mainStackView.snp.makeConstraints {
             $0.center.equalToSuperview()
         }
     }
     
     private func setupAttributes() {
+        mainStackView.do {
+            $0.spacing = 4
+            $0.distribution = .fillProportionally
+            $0.axis = .horizontal
+        }
+        
         mainTitleLabel.do {
             $0.numberOfLines = 1
         }
@@ -100,6 +107,10 @@ public class BBButton: UIButton {
         self.id = id
     }
     
+    public func setImage(_ image: UIImage?) {
+        mainImageView.image = image
+    }
+    
     /// 버튼의 타이틀을 변경합니다.
     public override func setTitle(_ title: String?, for state: UIControl.State) {
         titleLabel?.text = title
diff --git a/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/Apple.imageset/Apple.svg b/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/Apple.imageset/Apple.svg
new file mode 100644
index 000000000..6d629c0a6
--- /dev/null
+++ b/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/Apple.imageset/Apple.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.7227 6.88461C13.5547 6.88461 14.5977 6.30483 15.2188 5.53179C15.7812 4.83121 16.1914 3.85283 16.1914 2.87444C16.1914 2.74158 16.1797 2.60871 16.1562 2.5C15.2305 2.53624 14.1172 3.14018 13.4492 3.94946C12.9219 4.56548 12.4414 5.53179 12.4414 6.52225C12.4414 6.6672 12.4648 6.81214 12.4766 6.86046C12.5352 6.87254 12.6289 6.88461 12.7227 6.88461ZM9.79297 21.5C10.9297 21.5 11.4336 20.7149 12.8516 20.7149C14.293 20.7149 14.6094 21.4758 15.875 21.4758C17.1172 21.4758 17.9492 20.2921 18.7344 19.1325C19.6133 17.8039 19.9766 16.4994 20 16.439C19.918 16.4148 17.5391 15.4123 17.5391 12.5979C17.5391 10.158 19.4141 9.0588 19.5195 8.97425C18.2773 7.13827 16.3906 7.08996 15.875 7.08996C14.4805 7.08996 13.3438 7.95963 12.6289 7.95963C11.8555 7.95963 10.8359 7.13827 9.62891 7.13827C7.33203 7.13827 5 9.09504 5 12.7912C5 15.0861 5.86719 17.514 6.93359 19.0842C7.84766 20.4129 8.64453 21.5 9.79297 21.5Z" fill="black"/>
+</svg>
diff --git a/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/appleLogin.imageset/Contents.json b/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/Apple.imageset/Contents.json
similarity index 76%
rename from 14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/appleLogin.imageset/Contents.json
rename to 14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/Apple.imageset/Contents.json
index d122b9a54..c15804c57 100644
--- a/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/appleLogin.imageset/Contents.json
+++ b/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/Apple.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "appleLogin.svg",
+      "filename" : "Apple.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/appleLogin.imageset/appleLogin.svg b/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/appleLogin.imageset/appleLogin.svg
deleted file mode 100644
index c961874f3..000000000
--- a/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/appleLogin.imageset/appleLogin.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg width="335" height="56" viewBox="0 0 335 56" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="335" height="56" rx="8" fill="#FEFEFE"/>
-<g clip-path="url(#clip0_1268_66849)">
-<path d="M100.223 22.3846C101.055 22.3846 102.098 21.8048 102.719 21.0318C103.281 20.3312 103.691 19.3528 103.691 18.3744C103.691 18.2416 103.68 18.1087 103.656 18C102.73 18.0362 101.617 18.6402 100.949 19.4495C100.422 20.0655 99.9414 21.0318 99.9414 22.0223C99.9414 22.1672 99.9648 22.3121 99.9766 22.3605C100.035 22.3725 100.129 22.3846 100.223 22.3846ZM97.293 37C98.4297 37 98.9336 36.2149 100.352 36.2149C101.793 36.2149 102.109 36.9758 103.375 36.9758C104.617 36.9758 105.449 35.7921 106.234 34.6325C107.113 33.3039 107.477 31.9994 107.5 31.939C107.418 31.9148 105.039 30.9123 105.039 28.0979C105.039 25.658 106.914 24.5588 107.02 24.4743C105.777 22.6383 103.891 22.59 103.375 22.59C101.98 22.59 100.844 23.4596 100.129 23.4596C99.3555 23.4596 98.3359 22.6383 97.1289 22.6383C94.832 22.6383 92.5 24.595 92.5 28.2912C92.5 30.5861 93.3672 33.014 94.4336 34.5842C95.3477 35.9129 96.1445 37 97.293 37Z" fill="black"/>
-</g>
-<path d="M117.448 34.5H115.005L119.487 21.7734H122.3L126.8 34.5H124.356L123.302 31.3535H118.503L117.448 34.5ZM119.118 29.5078H122.687L120.946 24.375H120.841L119.118 29.5078ZM127.906 38.0859V24.9551H130.103V26.5195H130.244C130.596 25.834 131.299 24.832 132.986 24.832C135.183 24.832 136.924 26.5547 136.924 29.7363C136.924 32.8828 135.236 34.6758 132.986 34.6758C131.334 34.6758 130.596 33.6914 130.244 32.9883H130.156V38.0859H127.906ZM130.103 29.7188C130.103 31.582 130.912 32.8301 132.371 32.8301C133.847 32.8301 134.638 31.5293 134.638 29.7188C134.638 27.9434 133.865 26.6602 132.371 26.6602C130.912 26.6602 130.103 27.873 130.103 29.7188ZM138.381 38.0859V24.9551H140.579V26.5195H140.719C141.071 25.834 141.774 24.832 143.462 24.832C145.659 24.832 147.399 26.5547 147.399 29.7363C147.399 32.8828 145.712 34.6758 143.462 34.6758C141.809 34.6758 141.071 33.6914 140.719 32.9883H140.631V38.0859H138.381ZM140.579 29.7188C140.579 31.582 141.387 32.8301 142.846 32.8301C144.323 32.8301 145.114 31.5293 145.114 29.7188C145.114 27.9434 144.34 26.6602 142.846 26.6602C141.387 26.6602 140.579 27.873 140.579 29.7188ZM151.107 21.7734V34.5H148.857V21.7734H151.107ZM157.188 34.6934C154.305 34.6934 152.547 32.7773 152.547 29.7891C152.547 26.8359 154.34 24.832 157.065 24.832C159.403 24.832 161.424 26.291 161.424 29.6484V30.3516H154.762C154.788 31.9775 155.746 32.9355 157.205 32.9355C158.19 32.9355 158.858 32.5137 159.139 31.9512H161.336C160.932 33.6035 159.403 34.6934 157.188 34.6934ZM154.779 28.8223H159.279C159.262 27.5215 158.401 26.5723 157.1 26.5723C155.746 26.5723 154.85 27.6006 154.779 28.8223ZM176.839 32.6016V34.2188H162.319V32.6016H168.577V30.0176H164.042V24.8145H173.183V22.8457H164.007V21.2637H175.116V26.3613H165.993V28.418H175.485V30.0176H170.511V32.6016H176.839ZM195.258 20.1738V36.0645H193.395V20.1738H195.258ZM191.971 20.5605V35.3086H190.108V30H187.629V28.4004H190.108V26.0449H187.911C187.164 28.6816 185.503 30.9492 182.532 32.707L181.389 31.3184C184.685 29.376 186.197 26.8887 186.487 23.6895H182.233V22.1074H188.421C188.421 22.9072 188.368 23.6895 188.262 24.4453H190.108V20.5605H191.971ZM211.288 27.9785V29.5605H196.804V27.9785H203.062V25.7637H204.996V27.9785H211.288ZM205.013 21.0352C205.013 22.9688 207.14 24.7266 210.462 25.1484L209.706 26.6777C207.096 26.2734 205.022 25.0957 204.011 23.4258C202.992 25.0957 200.917 26.2734 198.298 26.6777L197.595 25.1484C200.865 24.7266 203.027 22.9336 203.027 21.0352V20.4375H205.013V21.0352ZM209.513 30.8262V36.0645H207.562V32.3555H198.404V30.8262H209.513ZM224.506 20.1738V26.502H226.949V28.1191H224.506V36.0645H222.572V20.1738H224.506ZM221.342 22.6172V24.1816H211.973V22.6172H215.735V20.4023H217.686V22.6172H221.342ZM216.719 25.2188C219.004 25.2188 220.709 26.7656 220.709 28.9629C220.709 31.1602 219.004 32.6895 216.719 32.6895C214.399 32.6895 212.694 31.1602 212.711 28.9629C212.694 26.7656 214.399 25.2188 216.719 25.2188ZM216.719 26.8184C215.471 26.8184 214.574 27.6621 214.574 28.9629C214.574 30.2637 215.471 31.0898 216.719 31.0723C217.932 31.0898 218.828 30.2637 218.846 28.9629C218.828 27.6621 217.932 26.8184 216.719 26.8184ZM240.589 20.1738V36.0645H238.62V20.1738H240.589ZM235.843 21.8613C235.843 26.5898 234.015 30.6152 228.442 33.252L227.423 31.6875C231.58 29.71 233.514 27.0205 233.856 23.4082H228.231V21.8613H235.843Z" fill="#242427"/>
-<defs>
-<clipPath id="clip0_1268_66849">
-<rect width="16" height="20" fill="white" transform="translate(92.5 18)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/kakaoLogin.imageset/Contents.json b/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/kakao.imageset/Contents.json
similarity index 76%
rename from 14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/kakaoLogin.imageset/Contents.json
rename to 14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/kakao.imageset/Contents.json
index dadd5bc10..0bae14827 100644
--- a/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/kakaoLogin.imageset/Contents.json
+++ b/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/kakao.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "kakaoLogin.svg",
+      "filename" : "kakao.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/kakao.imageset/kakao.svg b/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/kakao.imageset/kakao.svg
new file mode 100644
index 000000000..37b5e14a8
--- /dev/null
+++ b/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/kakao.imageset/kakao.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.59961C7.02917 3.59961 3 6.71257 3 10.5519C3 12.9396 4.5584 15.0446 6.93152 16.2966L5.93303 19.9441C5.84481 20.2664 6.21341 20.5233 6.49646 20.3365L10.8733 17.4478C11.2427 17.4835 11.6181 17.5043 12 17.5043C16.9705 17.5043 20.9999 14.3914 20.9999 10.5519C20.9999 6.71257 16.9705 3.59961 12 3.59961" fill="black"/>
+</svg>
diff --git a/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/kakaoLogin.imageset/kakaoLogin.svg b/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/kakaoLogin.imageset/kakaoLogin.svg
deleted file mode 100644
index 007312776..000000000
--- a/14th-team5-iOS/DesignSystem/Resources/Assets.xcassets/AccountSignIn/kakaoLogin.imageset/kakaoLogin.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg width="335" height="56" viewBox="0 0 335 56" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="335" height="56" rx="8" fill="#FEE500"/>
-<g clip-path="url(#clip0_1268_66853)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M100 19.5996C95.0292 19.5996 91 22.7126 91 26.5519C91 28.9396 92.5584 31.0446 94.9315 32.2966L93.933 35.9441C93.8448 36.2664 94.2134 36.5233 94.4965 36.3365L98.8733 33.4478C99.2427 33.4835 99.6181 33.5043 100 33.5043C104.97 33.5043 109 30.3914 109 26.5519C109 22.7126 104.97 19.5996 100 19.5996Z" fill="black"/>
-</g>
-<path d="M125.789 21.7383C125.78 26.5371 124.471 30.6592 118.617 33.5684L117.545 32.0918C120.296 30.7383 121.939 29.1475 122.862 27.2666L117.914 27.7324L117.668 26.0449L123.451 25.6846C123.653 24.9375 123.785 24.1553 123.847 23.3203H118.494V21.7383H125.789ZM128.021 36.0293V20.1738H129.973V26.3965H132.328V27.9961H129.973V36.0293H128.021ZM141.046 21.7383C141.037 26.5371 139.727 30.6592 133.874 33.5684L132.802 32.0918C135.553 30.7383 137.196 29.1475 138.119 27.2666L133.171 27.7324L132.925 26.0449L138.708 25.6846C138.91 24.9375 139.042 24.1553 139.103 23.3203H133.751V21.7383H141.046ZM143.278 36.0293V20.1738H145.229V26.3965H147.585V27.9961H145.229V36.0293H143.278ZM155.265 21.0703C158.675 21.0791 161.198 22.7754 161.189 25.3594C161.198 27.7412 159.15 29.332 156.232 29.6221V32.5312H162.56V34.1309H148.041V32.5312H154.298V29.6221C151.416 29.332 149.368 27.7412 149.377 25.3594C149.368 22.7754 151.881 21.0791 155.265 21.0703ZM151.293 25.3594C151.284 27.0732 152.945 28.1016 155.265 28.1016C157.621 28.1016 159.273 27.0732 159.273 25.3594C159.273 23.6982 157.621 22.6436 155.265 22.6523C152.945 22.6436 151.284 23.6982 151.293 25.3594ZM177.817 32.6016V34.2188H163.297V32.6016H169.555V30.0176H165.02V24.8145H174.161V22.8457H164.985V21.2637H176.094V26.3613H166.971V28.418H176.463V30.0176H171.489V32.6016H177.817ZM196.236 20.1738V36.0645H194.373V20.1738H196.236ZM182.367 31.3184C185.654 29.376 187.166 26.8887 187.465 23.6895H183.211V22.1074H189.398C189.398 22.9072 189.346 23.6895 189.231 24.4453H191.086V20.5605H192.949V35.3086H191.086V30H188.607V28.4004H191.086V26.0449H188.897C188.142 28.6816 186.489 30.9492 183.51 32.707L182.367 31.3184ZM212.266 27.9785V29.5605H197.782V27.9785H204.04V25.7637H205.973V27.9785H212.266ZM198.573 25.1484C201.851 24.7354 204.005 22.9336 204.005 21.0352V20.4375H205.991V21.0352C205.991 22.9775 208.127 24.7354 211.44 25.1484L210.684 26.6777C208.083 26.2822 206 25.1045 204.989 23.4346C203.97 25.0957 201.895 26.2822 199.276 26.6777L198.573 25.1484ZM199.382 32.3555V30.8262H210.491V36.0645H208.54V32.3555H199.382ZM225.484 20.1738V26.502H227.927V28.1191H225.484V36.0645H223.55V20.1738H225.484ZM212.951 24.1816V22.6172H216.713V20.4023H218.664V22.6172H222.32V24.1816H212.951ZM213.689 28.9629C213.671 26.7656 215.377 25.21 217.697 25.2188C219.982 25.21 221.678 26.7656 221.687 28.9629C221.678 31.1514 219.982 32.6895 217.697 32.6895C215.377 32.6895 213.671 31.1514 213.689 28.9629ZM215.552 28.9629C215.544 30.2549 216.449 31.0811 217.697 31.0723C218.919 31.0811 219.806 30.2549 219.824 28.9629C219.806 27.6709 218.919 26.8184 217.697 26.8184C216.449 26.8184 215.544 27.6709 215.552 28.9629ZM241.567 20.1738V36.0645H239.598V20.1738H241.567ZM228.401 31.6875C232.567 29.71 234.483 27.0205 234.834 23.4082H229.209V21.8613H236.821C236.821 26.5898 234.984 30.6064 229.42 33.252L228.401 31.6875Z" fill="black" fill-opacity="0.85"/>
-<defs>
-<clipPath id="clip0_1268_66853">
-<rect width="17.9999" height="18" fill="white" transform="translate(91 19)"/>
-</clipPath>
-</defs>
-</svg>